:root{--color-primary: #ff5b50;--color-primary-dark: #d8463d;--color-bg: #fdf6ed;--color-bg-card: #ffffff;--color-text: #1f1f1f;--color-text-muted: #6b6b6b;--color-border: #e6dfd2;--color-error: #c33b3b;--color-success: #2f8f5b;--gradient-header: linear-gradient(135deg, #ffd9a8 0%, #ffb38a 50%, #ff8a6b 100%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--max-content-width: 1200px;--header-height: 64px;--grid-columns: 12;--grid-gap: var(--space-4)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100vh}button{font-family:inherit;cursor:pointer}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}select,input[type=text],input[type=search],input[type=email],input[type=password]{font-family:inherit;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-card);color:var(--color-text);outline:none;transition:border-color .15s}select:hover,input[type=text]:hover,input[type=search]:hover,input[type=email]:hover,input[type=password]:hover{border-color:var(--color-text-muted)}select:focus,input[type=text]:focus,input[type=search]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff5b5026}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b6b6b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:calc(var(--space-3) + 18px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;border:1px solid transparent}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary,.btn.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled),.btn.primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary,.btn.secondary{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled),.btn.secondary:hover:not(:disabled){background:#00000008;border-color:var(--color-text-muted)}.btn-ghost,.btn.ghost{background:transparent;border-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled),.btn.ghost:hover:not(:disabled){background:#0000000a;color:var(--color-text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4);overflow-y:auto}