:root{--color-primary:#006684;--color-on-primary:#fff;--color-primary-container:#bfe9ff;--color-on-primary-container:#001f2a;--color-secondary:#007a94;--color-on-secondary:#fff;--color-secondary-container:#cce8ee;--color-on-secondary-container:#051f24;--color-tertiary:#38656a;--color-tertiary-container:#bcebef;--color-background:#fbfdfe;--color-surface:#fff;--color-surface-variant:#eff2f5;--color-on-surface:#191c1e;--color-outline:#70787d;--color-success:#137a4b;--color-pro:#c47d00;--color-pro-container:#fff0d4;--color-warning:#c47d00;--color-warning-container:#fff0d4;--color-danger:#ba1a1a;--radius-lg:16px;--radius-md:10px;--radius-sm:8px;--elevation-1:0 1px 2px rgba(25,28,30,.06),0 1px 3px 1px rgba(25,28,30,.08);--elevation-2:0 1px 2px rgba(25,28,30,.08),0 2px 6px 2px rgba(25,28,30,.1);--elevation-3:0 1px 3px rgba(25,28,30,.1),0 4px 8px 3px rgba(25,28,30,.12);--primary:var(--color-primary);--border:var(--color-outline);--text:var(--color-on-surface);--muted:var(--color-outline);--bg:var(--color-background);--danger:var(--color-danger)}@media (prefers-color-scheme:dark){:root{--color-primary:#64d2ff;--color-on-primary:#003546;--color-primary-container:#004d64;--color-on-primary-container:#bfe9ff;--color-secondary:#86d2e1;--color-background:#101416;--color-surface:#191c1e;--color-on-surface:#e1e3e5;--color-surface-variant:var(--color-surface)}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--color-on-surface);background:var(--color-background);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);font-weight:500}h1,h2,h3{font-weight:700;letter-spacing:-.01em;color:var(--color-on-surface)}h1{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);margin:0 0 4px}h2{font-size:1.25rem;margin:0 0 12px}h3{font-size:1.05rem;margin:0 0 8px}.muted{color:var(--color-outline);font-size:.9em}.page{max-width:960px;margin:0 auto;padding:28px 24px 48px}.card{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-outline) 25%,transparent);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);padding:20px;margin-bottom:16px;transition:box-shadow .15s ease}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.dashboard-layout{display:grid;grid-template-columns:170px minmax(0,1fr) 170px;grid-gap:20px;gap:20px;align-items:start}@media (max-width:900px){.dashboard-layout{grid-template-columns:1fr}.dashboard-aside-left{order:2}.dashboard-main{order:1}.dashboard-aside-right{order:3}}label{display:flex;flex-direction:column;gap:4px;font-size:.9em;margin-bottom:8px}input,select,textarea{padding:10px 12px;border:1px solid color-mix(in srgb,var(--color-outline) 45%,transparent);border-radius:var(--radius-sm);font-size:1em;font-family:inherit;background:var(--color-surface-variant);color:var(--color-on-surface);transition:border-color .15s ease,box-shadow .15s ease}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent);background:var(--color-surface)}input[type=file]{background:var(--color-surface-variant);border:1.5px dashed color-mix(in srgb,var(--color-outline) 55%,transparent);border-radius:var(--radius-md);padding:20px 14px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}input[type=file]:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface-variant))}input[type=file]::-webkit-file-upload-button{background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);padding:8px 16px;margin-right:12px;font-size:.9em;font-weight:600;cursor:pointer;-webkit-transition:filter .15s ease;transition:filter .15s ease}input[type=file]::file-selector-button{background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);padding:8px 16px;margin-right:12px;font-size:.9em;font-weight:600;cursor:pointer;transition:filter .15s ease}input[type=file]::-webkit-file-upload-button:hover{filter:brightness(1.08)}input[type=file]::file-selector-button:hover{filter:brightness(1.08)}button{background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:999px;padding:10px 20px;cursor:pointer;font-size:.95em;font-weight:600;box-shadow:var(--elevation-1);transition:box-shadow .15s ease,filter .15s ease,transform .05s ease}button:hover:not(:disabled){box-shadow:var(--elevation-2);filter:brightness(1.05)}button:active:not(:disabled){transform:scale(.98);box-shadow:var(--elevation-1)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}button.secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid color-mix(in srgb,var(--color-primary) 45%,transparent);box-shadow:none}button.secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));filter:none}button.danger{background:var(--color-danger);color:#fff}.error-text{color:var(--color-danger);font-size:.9em}.navbar{gap:16px;padding:12px 24px;background:var(--color-primary);box-shadow:var(--elevation-2);flex-wrap:wrap;position:-webkit-sticky;position:sticky;top:0;z-index:10}.navbar,.navbar-brand{display:flex;align-items:center}.navbar-brand{gap:10px;font-weight:700;color:var(--color-on-primary);margin-right:12px;font-size:1.05em}.navbar-logo{display:block;filter:brightness(0) invert(1)}.navbar-links{display:flex;gap:4px;flex-wrap:wrap;flex:1 1}.navbar-links a{text-decoration:none;color:color-mix(in srgb,var(--color-on-primary) 85%,transparent);font-size:.9em;font-weight:500;padding:6px 12px;border-radius:999px;transition:background .15s ease,color .15s ease}.navbar-links a:hover{background:color-mix(in srgb,var(--color-on-primary) 12%,transparent)}.navbar-links a.active{color:var(--color-primary);font-weight:700;background:var(--color-on-primary)}.navbar-user{display:flex;align-items:center;gap:10px;color:color-mix(in srgb,var(--color-on-primary) 85%,transparent)}.navbar-user .muted{color:color-mix(in srgb,var(--color-on-primary) 75%,transparent)}.navbar-user button{background:var(--color-on-primary);color:var(--color-primary);box-shadow:none}.navbar-user button:hover:not(:disabled){filter:brightness(.96)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px;border-bottom:1px solid var(--color-outline);font-size:.9em}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--color-success) 16%,var(--color-surface));color:var(--color-success);font-size:.82em;font-weight:700;letter-spacing:.01em}.badge-pro{background:var(--color-pro-container);color:var(--color-pro)}.alert{padding:10px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface));color:var(--color-danger);margin-bottom:12px;font-size:.9em}.alert-warning{background:var(--color-warning-container);color:var(--color-warning)}.alert-success{background:color-mix(in srgb,var(--color-success) 16%,var(--color-surface));color:var(--color-success)}