:root{color-scheme:light;--font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-display: "Space Grotesk", "IBM Plex Sans", sans-serif;--bg: #f4f2ed;--bg-gradient: radial-gradient(circle at 10% 10%, rgba(15, 118, 110, .12), transparent 55%), radial-gradient(circle at 85% 0%, rgba(59, 130, 246, .12), transparent 45%), linear-gradient(180deg, #f9f7f3 0%, #f4f2ed 100%);--surface: #ffffff;--surface-elevated: #fffdf8;--surface-soft: #efebe3;--ink: #1a1f24;--ink-muted: #5b6470;--ink-subtle: #8a94a3;--accent: #0f766e;--accent-strong: #0a5f59;--accent-soft: rgba(15, 118, 110, .12);--danger: #dc2626;--success: #16a34a;--warning: #d97706;--border: rgba(24, 31, 38, .12);--border-strong: rgba(24, 31, 38, .2);--shadow-sm: 0 8px 18px rgba(15, 23, 42, .08);--shadow-md: 0 14px 28px rgba(15, 23, 42, .12);--shadow-lg: 0 24px 45px rgba(15, 23, 42, .14);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 26px;--sidebar-width: 260px;--page-max: 1120px;--page-padding: 2.5rem;--transition-fast: .16s ease;--transition-med: .26s ease;--panel-bg: var(--surface);--panel-border: var(--border);--panel-shadow: var(--shadow-sm);--input-bg: var(--surface-soft);--input-border: var(--border-strong);--input-focus-bg: var(--surface);--input-focus-border: var(--accent);--button-primary-bg: var(--accent);--button-primary-hover: var(--accent-strong);--button-primary-text: #ffffff;--button-disabled-bg: rgba(15, 23, 42, .2);--button-soft-bg: var(--accent-soft);--button-soft-border: rgba(15, 118, 110, .35);--button-soft-hover: rgba(15, 118, 110, .2);--button-soft-border-hover: rgba(15, 118, 110, .6)}:root[data-theme=dark]{color-scheme:dark;--bg: #0c1116;--bg-gradient: radial-gradient(circle at 10% 10%, rgba(20, 184, 166, .18), transparent 55%), radial-gradient(circle at 80% 0%, rgba(56, 189, 248, .2), transparent 50%), #0c1116;--surface: #121922;--surface-elevated: #151e28;--surface-soft: #1b2531;--ink: #f8fafc;--ink-muted: #b1bac6;--ink-subtle: #8c96a5;--accent: #2dd4bf;--accent-strong: #14b8a6;--accent-soft: rgba(45, 212, 191, .16);--border: rgba(148, 163, 184, .2);--border-strong: rgba(148, 163, 184, .35);--shadow-sm: 0 10px 20px rgba(2, 6, 23, .35);--shadow-md: 0 18px 30px rgba(2, 6, 23, .45);--shadow-lg: 0 30px 50px rgba(2, 6, 23, .5);--button-disabled-bg: rgba(148, 163, 184, .35)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-body);background:var(--bg-gradient);color:var(--ink);min-height:100%;transition:background-color var(--transition-med),color var(--transition-med)}body{position:relative;line-height:1.5}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.5),transparent 40%),repeating-linear-gradient(120deg,rgba(24,31,38,.04) 0,rgba(24,31,38,.04) 1px,transparent 1px,transparent 12px);opacity:.5;pointer-events:none;z-index:-1}html[data-theme=dark] body:before{opacity:.2}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}::selection{background:#0f766e2e}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;padding:var(--page-padding)}.page{max-width:var(--page-max);margin:0 auto;display:flex;flex-direction:column;gap:1.6rem;animation:rise-in .4s ease}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;color:var(--ink-subtle);margin:0 0 .4rem;font-weight:600}.page-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.8rem,2.4vw,2.4rem)}.page-subtitle{margin:.4rem 0 0;color:var(--ink-muted);max-width:540px}.page-actions{display:flex;gap:.6rem;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.1rem 1.2rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.section{display:flex;flex-direction:column;gap:1rem}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.section-header h2{margin:0;font-family:var(--font-display);font-size:1.1rem}.text-link{color:var(--accent);font-weight:600;font-size:.85rem}.text-link:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;border:1px solid var(--border);font-size:.75rem;color:var(--ink-muted);background:var(--surface-soft)}label{font-size:.85rem;color:var(--ink-muted);font-weight:500}.input,select,textarea{width:100%;padding:.55rem .7rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-soft);color:var(--ink);font-size:.95rem;transition:border-color var(--transition-fast),background var(--transition-fast)}.input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);background:var(--surface)}.form-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--ink)}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn-soft{background:var(--accent-soft);border-color:#0f766e59;color:var(--accent)}.btn-soft:hover:not(:disabled){border-color:#0f766e99;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:#181f2614;color:var(--ink)}.btn-danger{background:#dc26261f;border-color:#dc262666;color:var(--danger)}.btn-danger:hover:not(:disabled){border-color:#dc262699;transform:translateY(-1px)}.status-text{font-size:.88rem;color:var(--ink-muted)}.status-text.error-text{color:var(--danger)}.status-text.success-text{color:var(--success)}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 1024px){.app-main{padding:5.5rem 1.25rem 2.5rem}.page{gap:1.2rem}}@media (max-width: 720px){.app-main{padding:5rem 1rem 2rem}.page-header{align-items:flex-start}.page-actions{width:100%}.page-actions .btn{flex:1}.page{gap:1rem}.card{padding:.95rem;border-radius:var(--radius-md)}.card-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.form-row{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.form-row .btn,.form-grid .btn{width:100%}}
