:root{--color-background-primary: #FFFFFF;--color-background-secondary: #F7F7F5;--color-background-tertiary: #F0EFEA;--color-background-success: #E1F5EE;--color-background-warning: #FAEEDA;--color-background-danger: #FCEBEB;--color-text-primary: #1A1A1A;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-border-primary: rgba(0,0,0,.35);--color-border-secondary: rgba(0,0,0,.22);--color-border-tertiary: rgba(0,0,0,.12);--color-border-success: rgba(15,110,86,.3);--color-border-warning: rgba(133,79,11,.3);--color-border-danger: rgba(163,45,45,.3);--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--color-background-tertiary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}input,select{display:block;width:100%;padding:8px 12px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}input:focus,select:focus{border-color:#0f6e56;box-shadow:0 0 0 2px #0f6e561f}button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:transparent;color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:background .15s;line-height:1.4}button:hover:not(:disabled){background:var(--color-background-secondary)}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:not-allowed}a{color:inherit}@media (max-width: 500px){#root{padding:1rem .5rem}}