:root{--color-bg:#0d1117;--color-bg-soft:#121925;--color-bg-elevated:#192234;--color-surface:#ffffff1c;--color-surface-strong:#ffffff29;--color-surface-muted:#ffffff12;--color-border:#ffffff2e;--color-border-strong:#ffffff47;--color-text:#f5f7fb;--color-text-muted:#aeb8c9;--color-text-soft:#d9e0ed;--color-accent:#31c7a9;--color-accent-strong:#25ad92;--color-warm:#f0c85a;--color-danger:#ff6b6b;--color-success:#75e3b8;--color-blue:#5d8cff;--color-violet:#a678ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:8px;--radius-pill:999px;--shadow-sm:0 10px 30px #00000038;--shadow-md:0 18px 54px #00000047;--shadow-lg:0 28px 90px #00000061;--shadow-glow:0 18px 42px #31c7a938;--font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs:.78rem;--font-sm:.88rem;--font-md:1rem;--font-lg:1.12rem;--font-xl:1.35rem;--font-2xl:1.75rem;--font-hero:clamp(2.1rem, 4.8vw, 4.6rem);--transition-fast:.15s ease;--transition-normal:.22s ease;--transition-slow:.42s cubic-bezier(.22, 1, .36, 1);--blur-glass:22px;--sidebar-width:292px;--sidebar-collapsed-width:86px;--content-width:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-height:100vh;color:var(--color-text);font-family:var(--font-family);background:radial-gradient(circle at 12% 10%,#31c7a92b,#0000 28%),radial-gradient(circle at 82% 4%,#f0c85a1f,#0000 26%),linear-gradient(#0d1117 0%,#172033 50%,#101720 100%);margin:0}body:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d6,#0000 72%);mask-image:linear-gradient(#000000d6,#0000 72%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}a,button,input,select,textarea{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-warm)}h1,h2,h3,p{margin-top:0}.eyebrow{margin:0 0 var(--space-2);color:var(--color-warm);font-size:var(--font-xs);letter-spacing:0;text-transform:uppercase;font-weight:800}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.theme-scope{--theme-bg-a:#0d1117;--theme-bg-b:#172033;--theme-bg-c:#101720;--theme-orb-a:#31c7a92e;--theme-orb-b:#f0c85a1f;--theme-text:var(--color-text);--theme-overlay:#05080d57;isolation:isolate;background:radial-gradient(circle at 16% 12%, var(--theme-orb-a), transparent 30%), radial-gradient(circle at 82% 4%, var(--theme-orb-b), transparent 28%), linear-gradient(180deg, var(--theme-bg-a), var(--theme-bg-b) 52%, var(--theme-bg-c));color:var(--theme-text);font-size:calc(1rem * var(--font-scale,1));position:relative;overflow-x:hidden}.theme-scope:before,.theme-scope:after{z-index:-2;content:"";pointer-events:none;position:fixed;inset:0}.theme-scope:before{background-image:var(--user-background-image,none);filter:blur(2px)saturate(1.08);opacity:.28;background-position:50%;background-size:cover;transform:scale(1.02)}.theme-scope:after{z-index:-1;background:linear-gradient(var(--theme-overlay), var(--theme-overlay)), radial-gradient(circle at 50% 120%, #ffffff14, transparent 38%);animation:18s ease-in-out infinite alternate theme-drift}.theme-scope[data-theme=light]{--color-bg:#f7fbff;--color-bg-soft:#eaf2ff;--color-bg-elevated:#fff;--color-surface:#ffffffb8;--color-surface-strong:#ffffffe0;--color-surface-muted:#0f172a0f;--color-border:#0f172a24;--color-border-strong:#0f172a38;--color-text:#122033;--color-text-muted:#526177;--color-text-soft:#26364d;--theme-bg-a:#f7fbff;--theme-bg-b:#edf6ff;--theme-bg-c:#dfefff;--theme-orb-a:#2563eb1f;--theme-orb-b:#14b8a624;--theme-overlay:#f7fbff9e}.theme-scope[data-theme=dark]{--theme-bg-a:#0d1117;--theme-bg-b:#172033;--theme-bg-c:#101720}.theme-scope[data-theme=magic]{--theme-bg-a:#160c25;--theme-bg-b:#27113f;--theme-bg-c:#0f0a1c;--theme-orb-a:#a678ff47;--theme-orb-b:#f0abfc2e}.theme-scope[data-theme=inferno]{--theme-bg-a:#170805;--theme-bg-b:#30100b;--theme-bg-c:#120706;--theme-orb-a:#ef44443d;--theme-orb-b:#f59e0b33}.theme-scope[data-theme=nebula]{--theme-bg-a:#0f1029;--theme-bg-b:#17214a;--theme-bg-c:#0b1020;--theme-orb-a:#5d8cff38;--theme-orb-b:#a678ff33}.theme-scope[data-theme=ocean]{--theme-bg-a:#052433;--theme-bg-b:#063b57;--theme-bg-c:#031923;--theme-orb-a:#22d3ee38;--theme-orb-b:#0ea5e933}.theme-scope[data-theme=bluegreen]{--theme-bg-a:#052335;--theme-bg-b:#083f4b;--theme-bg-c:#061f23;--theme-orb-a:#14b8a638;--theme-orb-b:#84cc1624}.theme-scope[data-theme=cyber]{--theme-bg-a:#050816;--theme-bg-b:#0b1434;--theme-bg-c:#08070f;--theme-orb-a:#22d3ee3d;--theme-orb-b:#f0abfc33}.theme-scope[data-theme=forest]{--theme-bg-a:#07180f;--theme-bg-b:#0d2d1c;--theme-bg-c:#06110c;--theme-orb-a:#22c55e33;--theme-orb-b:#a3e6351f}.theme-scope[data-theme-animated=false]:after,.theme-scope[data-motion=off]:after{animation:none}.theme-scope[data-motion=off] *,.theme-scope[data-motion=off] :before,.theme-scope[data-motion=off] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.theme-scope[data-motion=low]{--transition-fast:90ms ease;--transition-normal:.14s ease;--transition-slow:.22s ease}.theme-scope[data-motion=high]{--transition-fast:.19s ease;--transition-normal:.3s ease;--transition-slow:.56s cubic-bezier(.22, 1, .36, 1)}.theme-scope[data-compact=true]{--space-4:14px;--space-5:16px;--space-6:20px}.theme-scope[data-touch=true] .button,.theme-scope[data-touch=true] .field__control,.theme-scope[data-touch=true] .select-control{min-height:52px}.theme-scope[data-high-contrast=true]{--color-border:#ffffff61;--color-border-strong:#ffffff8a;--color-text-muted:#d8e1ef;--color-surface:#ffffff26;--theme-overlay:#0000008a}@keyframes theme-drift{0%{transform:translate(-1%,-1%)scale(1)}to{transform:translate(1%,1%)scale(1.02)}}
.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);letter-spacing:0;white-space:nowrap;min-width:0;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);border:1px solid #0000;font-weight:850;line-height:1;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--sm{min-height:40px;padding:0 var(--space-3);font-size:var(--font-sm)}.button--md{min-height:44px;padding:0 var(--space-4)}.button--lg{min-height:50px;padding:0 var(--space-5)}.button--icon{width:44px;min-width:44px;min-height:44px;padding:0}.button--full{width:100%}.button--primary{background:linear-gradient(135deg, var(--color-accent), #8fded1);color:#06110f;box-shadow:var(--shadow-glow)}.button--secondary{border-color:var(--color-border);color:var(--color-text);background:#ffffff1a}.button--ghost{color:var(--color-text-soft);background:0 0;border-color:#0000}.button--subtle{color:var(--color-text-soft);background:#ffffff12;border-color:#ffffff1a}.button--danger{color:#ffd2d2;background:#ff6b6b24;border-color:#ff6b6b61}.button--warm{background:linear-gradient(135deg, var(--color-warm), #ff9f73);color:#1b1205;box-shadow:0 18px 42px #f0c85a2e}.button--primary:hover,.button--secondary:hover,.button--subtle:hover,.button--danger:hover,.button--warm:hover{box-shadow:var(--shadow-md)}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}.card--interactive{transition:transform var(--transition-normal), border-color var(--transition-normal), background var(--transition-normal), box-shadow var(--transition-normal)}.card--interactive:hover{background:var(--color-surface-strong);box-shadow:var(--shadow-lg);border-color:#31c7a96b;transform:translateY(-3px)}.badge{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:28px;color:var(--color-text-soft);font-size:var(--font-xs);white-space:nowrap;background:#ffffff17;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:850;line-height:1;display:inline-flex}.badge--success{color:#adf3d5;border-color:#75e3b859}.badge--warning{color:#ffe3a0;border-color:#f0c85a61}.badge--danger{color:#ffd2d2;border-color:#ff6b6b61}.badge--info{color:#c8d7ff;border-color:#5d8cff5c}.field{gap:var(--space-2);display:grid}.field__label{color:var(--color-text-muted);font-size:var(--font-sm);font-weight:760}.field__control,.select-control,.textarea-control{border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#060c1485;border:1px solid #ffffff29}.field__control,.select-control{min-height:46px;padding:0 var(--space-4)}.textarea-control{resize:vertical;min-height:96px;padding:var(--space-3) var(--space-4)}.field__control:hover,.field__control:focus,.select-control:hover,.select-control:focus,.textarea-control:hover,.textarea-control:focus{background:#08111cc2;border-color:#31c7a9b8;box-shadow:0 0 0 4px #31c7a921}.field__hint{color:var(--color-text-muted);font-size:var(--font-xs)}.progress{gap:var(--space-2);display:grid}.progress__meta{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-xs);font-weight:780;display:flex}.progress__track{border-radius:var(--radius-pill);background:#ffffff1a;height:10px;position:relative;overflow:hidden}.progress__bar{width:var(--progress-value,0%);border-radius:inherit;background:linear-gradient(90deg, var(--progress-color,var(--color-accent)), #d5fff5);box-shadow:0 0 24px color-mix(in srgb, var(--progress-color,var(--color-accent)) 42%, transparent);transition:width var(--transition-slow);position:absolute;inset:0 auto 0 0}.dialog-backdrop{z-index:60;padding:var(--space-4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#05090fa8;place-items:center;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(620px,100%);max-height:min(760px,100vh - 32px);box-shadow:var(--shadow-lg);background:#0e141ff0;overflow:auto}.dialog__header,.dialog__body{padding:var(--space-6)}.dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);border-bottom:1px solid #ffffff1c;display:flex}.dialog__header h2{font-size:var(--font-2xl);margin:0}.dialog__header p{margin:var(--space-2) 0 0;color:var(--color-text-muted);line-height:1.6}.dialog-form{gap:var(--space-4);display:grid}.dialog-form__grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dialog-form__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);display:flex}.dropdown{display:inline-flex;position:relative}.dropdown__panel{z-index:40;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:214px;padding:var(--space-2);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));background:#0c121df5;display:grid;position:absolute;top:calc(100% + 8px);right:0}.dropdown__item,.context-menu__item{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:100%;min-height:38px;color:var(--color-text-soft);padding:0 var(--space-3);text-align:left;background:0 0;border:0;font-weight:760;display:flex}.dropdown__item:hover,.context-menu__item:hover{color:var(--color-text);background:#ffffff14}.dropdown__item--danger,.context-menu__item--danger{color:#ffd2d2}.context-menu{z-index:70;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;padding:var(--space-2);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));background:#0c121df7;display:grid;position:fixed}.toast-region{right:var(--space-5);bottom:var(--space-5);z-index:80;gap:var(--space-3);width:min(390px,100vw - 32px);display:grid;position:fixed}.toast{gap:var(--space-3);border:1px solid var(--color-border);border-left:4px solid var(--toast-tone,var(--color-accent));border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));background:#0c121df2;display:grid}.toast h2{font-size:var(--font-md);margin:0}.toast p{color:var(--color-text-muted);margin:0;line-height:1.5}.search{position:relative}.search svg{color:var(--color-text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search input{border-radius:var(--radius-pill);width:100%;min-height:46px;color:var(--color-text);background:#ffffff14;border:1px solid #ffffff24;padding:0 16px 0 42px}.global-search{position:relative}.global-search__field{display:block;position:relative}.global-search__field svg:first-of-type{color:var(--color-text-muted);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.global-search__field input{border-radius:var(--radius-pill);width:100%;min-height:42px;color:var(--color-text);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff14;border:1px solid #ffffff21;padding:0 38px 0 39px;font-weight:760}.global-search__field input:focus{border-color:color-mix(in srgb, var(--color-accent) 72%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 16%, transparent);background:#ffffff1f}.global-search__spinner{color:var(--color-accent);animation:.85s linear infinite spin;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.global-search__panel{z-index:95;border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(620px,100vw - 32px);max-height:min(680px,100vh - 112px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0f18f7;display:grid;position:absolute;top:calc(100% + 10px);left:0;overflow:auto}.global-search__panel-head{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#0a0f18f5;border-bottom:1px solid #ffffff1c;display:flex;position:sticky;top:0}.global-search__panel-head span{color:var(--color-text-soft);align-items:center;gap:7px;font-weight:850;display:inline-flex}.global-search__panel-head strong{color:var(--color-text-muted);font-size:var(--font-xs)}.global-search__suggestions{gap:var(--space-2);padding:var(--space-3) var(--space-4);display:flex;overflow-x:auto}.global-search__suggestions a,.global-search__suggestions button{border-radius:var(--radius-md);min-width:max-content;color:var(--color-text);text-align:left;background:#ffffff12;border:1px solid #ffffff1f;gap:2px;padding:8px 11px;font-weight:820;display:inline-grid}.global-search__suggestions small{color:var(--color-text-muted);font-size:.68rem;font-weight:760}.global-search__groups{gap:var(--space-2);padding:0 var(--space-3) var(--space-3);display:grid}.global-search__group{gap:var(--space-1);display:grid}.global-search__group h2{margin:var(--space-3) var(--space-2) var(--space-1);color:var(--color-text-muted);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:900}.global-search__result{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:58px;color:var(--color-text);padding:var(--space-2);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;grid-template-columns:34px minmax(0,1fr) auto 18px;display:grid}.global-search__result:hover,.global-search__result:focus-visible{border-color:color-mix(in srgb, var(--color-accent) 34%, transparent);background:#ffffff14;transform:translate(2px)}.global-search__result-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent) 18%, transparent);width:34px;height:34px;color:var(--color-accent);place-items:center;display:grid}.global-search__result-copy{gap:3px;min-width:0;display:grid}.global-search__result-copy strong,.global-search__result-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.global-search__result-copy small{color:var(--color-text-muted);font-size:var(--font-xs)}.global-search__badge{border-radius:var(--radius-pill);max-width:126px;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;border:1px solid #ffffff1f;padding:5px 8px;font-size:.68rem;font-weight:850;overflow:hidden}.global-search__mark{background:color-mix(in srgb, var(--search-highlight) 62%, transparent);color:var(--color-text);border-radius:4px;padding:0 2px}.global-search__empty{gap:var(--space-2);padding:var(--space-6);text-align:center;display:grid}.global-search__empty strong{font-size:var(--font-lg)}.global-search__empty span{color:var(--color-text-muted);line-height:1.6}@keyframes spin{to{transform:translateY(-50%)rotate(360deg)}}.tabs{gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-1);background:#ffffff12;display:inline-flex}.tabs__item{border-radius:var(--radius-pill);min-height:34px;color:var(--color-text-muted);padding:0 var(--space-3);background:0 0;border:0;font-weight:820}.tabs__item[aria-selected=true]{color:var(--color-text);background:#31c7a92e}.checkbox{align-items:center;gap:var(--space-2);color:var(--color-text-soft);font-weight:760;display:inline-flex}.checkbox input{width:18px;height:18px;accent-color:var(--color-accent)}.tooltip{display:inline-flex;position:relative}.tooltip__content{z-index:90;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:max-content;max-width:220px;color:var(--color-text);font-size:var(--font-xs);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast);background:#0a0f18f5;padding:7px 9px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.tooltip:hover .tooltip__content,.tooltip:focus-within .tooltip__content{opacity:1;transform:translate(-50%)}@media (max-width:760px){.dialog-form__grid{grid-template-columns:1fr}.toast-region{right:var(--space-4);bottom:var(--space-4)}.global-search__panel{width:min(520px,100vw - 48px)}.global-search__result{grid-template-columns:32px minmax(0,1fr) 18px}.global-search__badge{display:none}}
.auth-page{grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:clamp(28px,6vw,90px);width:min(1120px,100% - 32px);min-height:100vh;margin:0 auto;padding:40px 0;display:grid}.auth-hero{gap:42px;display:grid}.auth-copy{max-width:690px}.auth-copy h2{font-size:var(--font-hero);letter-spacing:0;margin:0;line-height:1.02}.auth-copy p:last-child{max-width:560px;color:var(--color-text-muted);margin:22px 0 0;font-size:1.08rem;line-height:1.7}.auth-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));padding:clamp(22px,4vw,34px)}.auth-panel__header{align-items:center;gap:14px;display:flex}.auth-panel__header h1{margin:0}.auth-panel__icon{border-radius:var(--radius-md);width:42px;height:42px;color:var(--color-accent);background:#31c7a929;flex:none;place-items:center;display:grid}.auth-panel__icon--warm{color:var(--color-warm);background:#f0c85a2e}.auth-form{gap:var(--space-4);margin-top:var(--space-6);display:grid}.auth-form label{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-sm);font-weight:700;display:grid}.auth-form input{border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--color-text);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#060c1485;border:1px solid #ffffff29;padding:0 14px}.auth-form input:hover,.auth-form input:focus{background:#08111cc2;border-color:#31c7a9b8;box-shadow:0 0 0 4px #31c7a921}.primary-button,.ghost-button{border-radius:var(--radius-md);letter-spacing:0;min-height:46px;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:9px;font-weight:850;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--color-accent), #8fded1);color:#06110f;width:100%;box-shadow:var(--shadow-glow);border:0}.primary-button--warm{background:linear-gradient(135deg, var(--color-warm), #ff8f70);color:#1b1205;box-shadow:0 18px 38px #f0c85a33}.ghost-button{border:1px solid var(--color-border);color:var(--color-text);background:#ffffff14;padding:0 14px}.primary-button:hover,.ghost-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.form-alert{border-radius:var(--radius-md);color:#ffd9d9;background:#ff6b6b1f;border:1px solid #ff6b6b6b;margin:22px 0 0;padding:12px 14px;font-weight:720}.auth-panel__footer{color:var(--color-text-muted);font-size:var(--font-sm);align-items:center;gap:8px;margin-top:20px;display:flex}.app-logo{width:fit-content;color:var(--color-text);align-items:center;gap:14px;font-weight:900;display:inline-flex}.app-logo--large{font-size:clamp(1.45rem,3vw,2.2rem)}.app-logo--small{gap:10px;font-size:1.04rem}.app-logo__mark{border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(135deg,#31c7a957,#f0c85a29);place-items:center;width:58px;height:58px;animation:5s ease-in-out infinite logo-float;display:grid;box-shadow:0 16px 42px #31c7a92e}.app-logo--small .app-logo__mark{width:40px;height:40px}.app-logo__text{white-space:nowrap}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width:860px){.auth-page{grid-template-columns:1fr;align-content:center;gap:28px}.auth-copy h2{font-size:clamp(2rem,11vw,3.8rem)}}
.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.app-shell--collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0, 1fr)}.sidebar{height:100vh;padding:var(--space-4);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:width var(--transition-normal), padding var(--transition-normal);background:#090e17bd;border-right:1px solid #ffffff21;flex-direction:column;display:flex;position:sticky;top:0;box-shadow:18px 0 56px #0003}.sidebar__top{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:50px;display:flex}.sidebar__search{margin-top:var(--space-5);position:relative}.sidebar__collapse{flex:none}.sidebar__nav{gap:var(--space-1);margin-top:var(--space-8);display:grid}.sidebar__section-title{margin:var(--space-5) var(--space-3) var(--space-2);color:var(--color-text-muted);letter-spacing:0;text-transform:uppercase;font-size:.7rem;font-weight:900}.sidebar__link{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);min-height:44px;color:var(--color-text-muted);padding:0 var(--space-3);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;font-weight:790;display:flex}.sidebar__link:hover{color:var(--color-text);background:#ffffff12;border-color:#ffffff1f;transform:translate(2px)}.sidebar__link[aria-current=page]{color:var(--color-text);background:linear-gradient(135deg,#31c7a92b,#ffffff12);border-color:#31c7a95c;box-shadow:inset 0 0 0 1px #31c7a917}.sidebar__link--disabled{color:#aeb8c98f}.sidebar__spacer{flex:1}.sidebar__profile{gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3);background:#ffffff12;border:1px solid #ffffff1f;display:grid}.sidebar__profile-main{align-items:center;gap:var(--space-3);min-width:0;display:flex}.sidebar__avatar{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text);background:linear-gradient(135deg,#31c7a947,#f0c85a24);flex:none;place-items:center;font-weight:900;display:grid}.sidebar__profile-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:850;overflow:hidden}.sidebar__profile-role{color:var(--color-text-muted);font-size:var(--font-xs);margin:3px 0 0;font-weight:780}.app-shell--collapsed .sidebar{padding:var(--space-4) var(--space-3)}.app-shell--collapsed .app-logo__text,.app-shell--collapsed .sidebar__search,.app-shell--collapsed .sidebar__link span,.app-shell--collapsed .sidebar__section-title,.app-shell--collapsed .sidebar__profile-copy,.app-shell--collapsed .sidebar__logout-label{display:none}.app-shell--collapsed .sidebar__link,.app-shell--collapsed .sidebar__profile-main{justify-content:center}.app-shell--collapsed .sidebar__profile{padding:var(--space-2)}.app-main{min-width:0}.app-shell__overlay{display:none}.page-frame{width:min(var(--content-width), calc(100% - 40px));padding:var(--space-6) 0 var(--space-12);margin:0 auto}.mobile-sidebar-button{display:none}@media (max-width:980px){.app-shell,.app-shell--collapsed{grid-template-columns:1fr}.sidebar{z-index:50;width:min(320px,100vw - 36px);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app-shell--mobile-open .sidebar{transform:translate(0)}.app-shell__overlay{z-index:45;background:#02060ca3;border:0;display:none;position:fixed;inset:0}.app-shell--mobile-open .app-shell__overlay{z-index:45;background:#02060ca3;border:0;display:block;position:fixed;inset:0}.mobile-sidebar-button{top:var(--space-4);z-index:30;margin:var(--space-4) 0 0 var(--space-4);display:inline-flex;position:sticky}.page-frame{width:min(var(--content-width), calc(100% - 28px));padding-top:var(--space-4)}}
.dashboard-header{align-items:start;gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:minmax(0,1fr) auto;display:grid}.dashboard-header h1,.page-title h1{letter-spacing:0;margin:0;font-size:clamp(2rem,4.4vw,4.1rem);line-height:1.03}.dashboard-header p,.page-title p{max-width:700px;margin:var(--space-3) 0 0;color:var(--color-text-muted);line-height:1.7}.dashboard-actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-card{gap:var(--space-4);min-height:148px;padding:var(--space-5);display:grid}.stat-card__top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.stat-card__icon{border-radius:var(--radius-md);width:42px;height:42px;color:var(--color-accent);background:#31c7a929;place-items:center;display:grid}.stat-card p{color:var(--color-text-muted);font-size:var(--font-sm);margin:0;font-weight:760}.stat-card strong{font-size:clamp(2rem,4vw,3rem);line-height:1;display:block}.list-toolbar{align-items:center;gap:var(--space-4);margin:var(--space-6) 0 var(--space-5);grid-template-columns:minmax(220px,420px) auto;display:grid}.list-toolbar__meta{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.list-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.todo-card{min-height:366px;display:grid;position:relative;overflow:hidden}.todo-card:before{background:linear-gradient(135deg, color-mix(in srgb, var(--list-accent,var(--color-accent)) 24%, transparent), transparent 42%), linear-gradient(180deg, #ffffff14, transparent 46%);content:"";pointer-events:none;position:absolute;inset:0}.todo-card__inner{z-index:1;gap:var(--space-5);padding:var(--space-5);grid-template-rows:auto 1fr auto;display:grid;position:relative}.todo-card__cover{border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--list-accent,var(--color-accent)) 30%, transparent), transparent), #ffffff12;border:1px solid #ffffff1f;height:96px;overflow:hidden}.todo-card__cover--image{background:linear-gradient(#05080d1f, #05080d57), var(--list-cover-image);background-position:50%;background-size:cover;position:relative}.todo-card__cover-fallback{width:100%;height:100%;padding:var(--space-4);justify-content:space-between;align-items:center;display:flex}.todo-card__cover-icon{border-radius:var(--radius-md);background:#ffffff21;place-items:center;width:46px;height:46px;font-size:1.35rem;display:grid}.todo-card__cover-line{border-radius:var(--radius-pill);background:#ffffff3d;width:42%;height:6px}.todo-card__topline{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.todo-card__badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.todo-card__title{overflow-wrap:anywhere;font-size:var(--font-xl);margin:0;line-height:1.18}.todo-card__description{margin:var(--space-3) 0 0;color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.58;display:-webkit-box;overflow:hidden}.todo-card__meta{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.todo-card__meta-item{border-radius:var(--radius-md);min-width:0;padding:var(--space-3);background:#ffffff0e;border:1px solid #ffffff1a}.todo-card__meta-item span{color:var(--color-text-muted);font-size:var(--font-xs);font-weight:780;display:block}.todo-card__meta-item strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}.todo-card__footer{gap:var(--space-4);display:grid}.todo-card__actions{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.todo-card__quick-actions{gap:var(--space-2);display:flex}.empty-state{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-height:390px;box-shadow:var(--shadow-lg);padding:var(--space-8);text-align:center;-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));place-items:center;display:grid}.empty-state__content{justify-items:center;max-width:560px;display:grid}.empty-state__icon{border-radius:var(--radius-md);width:68px;height:68px;color:var(--color-accent);box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#31c7a942,#f0c85a1f);place-items:center;display:grid}.empty-state h2{margin:var(--space-5) 0 var(--space-2);font-size:var(--font-2xl)}.empty-state p{margin-bottom:var(--space-6);color:var(--color-text-muted);line-height:1.7}.page-title{margin-bottom:var(--space-6)}.utility-page{gap:var(--space-4);display:grid}.utility-panel{padding:var(--space-6)}.utility-panel h2{margin:0 0 var(--space-2)}.utility-panel p{color:var(--color-text-muted);margin:0;line-height:1.7}@media (max-width:1180px){.list-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.dashboard-header,.list-toolbar{grid-template-columns:1fr}.dashboard-actions,.list-toolbar__meta{justify-content:flex-start}.list-grid,.stats-grid,.todo-card__meta{grid-template-columns:1fr}}
.detail-shell{gap:var(--space-5);display:grid}.detail-hero{padding:var(--space-6);position:relative;overflow:hidden}.detail-hero:before{background:radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--detail-accent,var(--color-accent)) 24%, transparent), transparent 30%), linear-gradient(135deg, #ffffff14, transparent 52%);content:"";pointer-events:none;position:absolute;inset:0}.detail-hero--cover:before{background:linear-gradient(#070b1280, #070b12b8), var(--detail-cover-image), radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--detail-accent,var(--color-accent)) 24%, transparent), transparent 30%);background-position:50%;background-size:cover}.detail-hero__content{z-index:1;gap:var(--space-5);grid-template-columns:minmax(0,1fr) auto;align-items:start;min-width:0;display:grid;position:relative}.detail-hero__content>*{min-width:0}.detail-title-row{align-items:center;gap:var(--space-3);min-width:0;display:flex}.detail-icon{border-radius:var(--radius-md);background:#ffffff1f;border:1px solid #ffffff29;flex:none;place-items:center;width:52px;height:52px;font-weight:900;display:grid}.editable-title{border-radius:var(--radius-md);min-width:0;max-width:100%;color:var(--color-text);letter-spacing:0;overflow-wrap:anywhere;text-align:left;white-space:normal;background:0 0;border:1px solid #0000;padding:4px 6px;font-size:clamp(2rem,4vw,4rem);font-weight:930;line-height:1.03}.editable-title:hover,.editable-title:focus{background:#ffffff0f;border-color:#ffffff1f}.editable-title-input{border-radius:var(--radius-md);width:100%;min-width:0;max-width:100%;color:var(--color-text);background:#070d16d1;border:1px solid #31c7a98a;padding:6px 8px;font-size:clamp(2rem,4vw,4rem);font-weight:930;line-height:1.03}.detail-description{max-width:760px;margin:var(--space-4) 0 0;color:var(--color-text-muted);line-height:1.7}.detail-meta{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.save-indicator{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);max-width:100%;min-height:34px;color:var(--color-text-muted);padding:0 var(--space-3);font-size:var(--font-xs);text-align:left;white-space:normal;background:#ffffff14;border:1px solid #ffffff1f;font-weight:850;display:inline-flex}.save-indicator--saved{color:#adf3d5}.save-indicator--saving{color:#ffe3a0}.save-indicator--error{color:#ffd2d2}.sticky-progress{z-index:25;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c121dcc;border:1px solid #ffffff1f;position:sticky;top:0}.sticky-progress__row{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.sticky-progress__row strong{font-size:var(--font-xl)}.quick-add{gap:var(--space-3);padding:var(--space-5);display:grid}.quick-add__form{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.detail-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 330px;align-items:start;display:grid}.task-panel{gap:var(--space-4);display:grid}.task-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.task-list{gap:var(--space-3);contain:layout paint;display:grid}.task-card{gap:var(--space-4);padding:var(--space-4);animation:task-in var(--transition-slow);display:grid;position:relative}.task-card--done{background:#ffffff13}.task-card--dragging{z-index:10;box-shadow:var(--shadow-lg)}.task-card--deleting{opacity:0;transition:opacity var(--transition-normal), transform var(--transition-normal);transform:translateY(8px)scale(.985)}.focus-pulse{animation:1.35s focus-pulse}@keyframes focus-pulse{0%,to{box-shadow:var(--shadow-md)}20%{border-color:color-mix(in srgb, var(--search-highlight) 72%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--search-highlight) 26%, transparent), var(--shadow-lg)}}.task-card__main{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid}.task-drag-handle{border-radius:var(--radius-md);width:44px;min-width:44px;height:44px;color:var(--color-text-muted);touch-action:none;background:#ffffff0f;border:1px solid #ffffff1c;place-items:center;display:grid}.animated-checkbox{border-radius:var(--radius-md);color:#0000;width:44px;min-width:44px;height:44px;transition:background var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal), transform var(--transition-fast);background:#ffffff12;border:1px solid #ffffff2e;flex:none;place-items:center;display:grid;position:relative}.animated-checkbox:hover{transform:translateY(-1px)}.animated-checkbox[aria-checked=true]{color:var(--color-accent);background:#31c7a933;border-color:#31c7a9b8}.animated-checkbox svg{stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset .26s}.animated-checkbox[aria-checked=true] svg{stroke-dashoffset:0}.task-title{border-radius:var(--radius-sm);min-height:40px;color:var(--color-text);font-size:var(--font-lg);overflow-wrap:anywhere;transition:color var(--transition-normal), text-decoration-color var(--transition-normal), opacity var(--transition-normal), background var(--transition-fast);border:1px solid #0000;align-items:center;padding:2px 4px;font-weight:860;line-height:1.35;display:inline-flex}.task-card--done .task-title{color:var(--color-text-muted);-webkit-text-decoration:line-through #75e3b8b8;text-decoration:line-through #75e3b8b8}.task-title:hover{background:#ffffff12}.task-title-input{border-radius:var(--radius-md);width:100%;color:var(--color-text);font-size:var(--font-lg);background:#060c14c2;border:1px solid #31c7a985;padding:8px 10px;font-weight:860}.task-content{min-width:0}.task-card__actions{gap:var(--space-2);display:flex}.task-card__details{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid #ffffff1a;display:grid}.task-fields{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.markdown-preview{border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-soft);background:#ffffff0e;border:1px solid #ffffff1a;line-height:1.7;overflow:auto}.markdown-preview :first-child{margin-top:0}.markdown-preview :last-child{margin-bottom:0}.markdown-preview code{border-radius:var(--radius-sm);background:#00000047;padding:2px 5px}.markdown-preview pre{border-radius:var(--radius-md);padding:var(--space-3);background:#0000005c;overflow:auto}.subtask-list{gap:var(--space-2);display:grid}.subtask-row{gap:var(--space-2);border-radius:var(--radius-md);min-height:44px;padding:var(--space-2);background:#ffffff0b;border:1px solid #ffffff17;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.subtask-title{overflow-wrap:anywhere;color:var(--color-text-soft);font-weight:760}.subtask-row--done .subtask-title{color:var(--color-text-muted);-webkit-text-decoration:line-through #75e3b8b8;text-decoration:line-through #75e3b8b8}.subtask-form,.comment-form{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.comment-list{gap:var(--space-2);display:grid}.comment{padding-left:var(--space-3);border-left:2px solid #31c7a973}.comment p{color:var(--color-text-soft);margin:0}.comment span{color:var(--color-text-muted);font-size:var(--font-xs)}.detail-side{gap:var(--space-4);display:grid}.activity-panel,.detail-summary{padding:var(--space-5)}.activity-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.activity-list li{padding-bottom:var(--space-3);border-bottom:1px solid #ffffff14;gap:4px;display:grid}.activity-list li:last-child{border-bottom:0;padding-bottom:0}.activity-list strong{color:var(--color-text-soft);font-size:var(--font-sm)}.activity-list span{color:var(--color-text-muted);font-size:var(--font-xs)}@keyframes task-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1120px){.detail-layout{grid-template-columns:1fr}.detail-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.detail-hero__content,.quick-add__form,.subtask-form,.comment-form,.detail-side,.task-fields{grid-template-columns:1fr}.task-card__main{grid-template-columns:auto minmax(0,1fr)}.task-card__actions{grid-column:1/-1;justify-content:flex-end}.editable-title,.editable-title-input{font-size:clamp(1.8rem,10vw,2.7rem)}.sticky-progress{top:var(--space-2)}}@media (max-width:420px){.detail-title-row{flex-direction:column;align-items:flex-start}.task-card{padding:var(--space-3)}}
.settings-shell{gap:var(--space-5);display:grid}.settings-hero{padding:var(--space-6);position:relative;overflow:hidden}.settings-hero:before{background:radial-gradient(circle at 10% 12%, color-mix(in srgb, var(--color-accent) 26%, transparent), transparent 32%), linear-gradient(135deg, #ffffff14, transparent 58%);content:"";position:absolute;inset:0}.settings-hero__content{z-index:1;gap:var(--space-5);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.settings-hero h1{margin:0;font-size:clamp(2rem,4.2vw,4rem);line-height:1.03}.settings-hero p{max-width:760px;margin:var(--space-3) 0 0;color:var(--color-text-muted);line-height:1.7}.settings-avatar{border:1px solid var(--color-border);border-radius:var(--radius-md);width:84px;height:84px;color:var(--color-text);font-size:var(--font-2xl);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#31c7a940,#f0c85a21);place-items:center;font-weight:950;display:grid;overflow:hidden}.settings-avatar--image,.sidebar__avatar--image,.user-row__avatar--image,.media-tile__image{background-image:var(--media-image,var(--avatar-image));background-position:50%;background-size:cover}.settings-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;min-width:0;display:grid}.settings-main,.settings-side{gap:var(--space-4);min-width:0;display:grid}.settings-panel{gap:var(--space-4);min-width:0;padding:var(--space-5);display:grid}.settings-panel__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.settings-panel h2,.settings-panel h3{margin:0}.settings-panel p{margin:var(--space-2) 0 0;color:var(--color-text-muted);line-height:1.65}.settings-form{gap:var(--space-4);display:grid}.settings-form .field,.settings-form .field__control,.settings-form .select-control{min-width:0}.settings-form__grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.settings-control-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-control{gap:var(--space-2);border-radius:var(--radius-md);min-width:0;padding:var(--space-4);background:#ffffff0e;border:1px solid #ffffff1a;display:grid}.settings-control strong{display:block}.settings-control span{color:var(--color-text-muted);font-size:var(--font-xs);line-height:1.5}.settings-switch{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.settings-switch input{width:44px;height:24px;accent-color:var(--color-accent)}.theme-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.theme-card{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-height:154px;color:var(--color-text);padding:var(--space-3);text-align:left;transition:transform var(--transition-normal), border-color var(--transition-normal), background var(--transition-normal), box-shadow var(--transition-normal);background:#ffffff12;display:grid}.theme-card:hover,.theme-card[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-accent) 62%, var(--color-border));box-shadow:var(--shadow-md);background:#ffffff1c;transform:translateY(-2px)}.theme-card__preview{border-radius:var(--radius-md);background:radial-gradient(circle at 24% 28%, var(--swatch-a), transparent 40%), radial-gradient(circle at 78% 14%, var(--swatch-b), transparent 38%), linear-gradient(135deg, var(--swatch-a), var(--swatch-b), var(--swatch-c));height:58px;position:relative;overflow:hidden}.theme-card__preview:after{content:"";opacity:0;transition:opacity var(--transition-normal), transform var(--transition-slow);background:linear-gradient(115deg,#0000,#ffffff3d,#0000);position:absolute;inset:-30%;transform:translate(-40%)}.theme-card:hover .theme-card__preview:after{opacity:1;transform:translate(40%)}.theme-card__meta{justify-content:space-between;gap:var(--space-2);display:flex}.theme-card__copy{gap:4px;display:grid}.theme-card__copy strong{line-height:1.2}.theme-card__copy span{color:var(--color-text-muted);font-size:var(--font-xs);line-height:1.45}.media-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.media-tile{gap:var(--space-2);min-width:0;display:grid}.media-tile__image{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff0f;overflow:hidden}.media-tile span,.user-row span,.backup-stat span{color:var(--color-text-muted);font-size:var(--font-xs)}.user-list{gap:var(--space-2);display:grid}.user-row{gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3);background:#ffffff0e;border:1px solid #ffffff1a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.user-row__avatar{border-radius:var(--radius-md);background:#ffffff1c;place-items:center;width:40px;height:40px;font-weight:900;display:grid;overflow:hidden}.user-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.backup-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.backup-stat{border-radius:var(--radius-md);padding:var(--space-3);background:#ffffff0e;border:1px solid #ffffff1a}.backup-stat strong{font-size:var(--font-lg);margin-top:4px;display:block}@media (max-width:1160px){.settings-grid{grid-template-columns:1fr}.settings-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.settings-hero__content,.settings-form__grid,.settings-control-grid,.settings-side,.theme-grid,.media-grid,.backup-grid{grid-template-columns:1fr}.settings-hero__content{justify-items:start}}@media (max-width:520px){.settings-panel__header,.settings-actions{flex-wrap:wrap;justify-content:flex-start}.user-row{grid-template-columns:auto minmax(0,1fr)}.user-row .badge{grid-column:1/-1;justify-self:start}}@media (max-width:360px){.settings-panel{padding:var(--space-4)}.settings-control,.backup-stat,.user-row{padding:var(--space-3)}.settings-actions .button,.settings-form .button{width:100%}}
.import-export-workbench{gap:var(--space-6);display:grid;position:relative}.import-export-hero{justify-content:space-between;align-items:flex-end;gap:var(--space-5);display:flex}.import-export-hero h1{max-width:820px;margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.02}.import-export-hero p:not(.eyebrow){max-width:720px;margin:var(--space-3) 0 0;color:var(--color-text-muted);line-height:1.7}.import-export-hero__actions,.backup-action-row{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.import-export-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;display:grid}.import-card,.export-card,.backup-card{gap:var(--space-5);padding:var(--space-5);display:grid}.import-card{grid-row:span 2}.panel-heading{gap:var(--space-3);display:grid}.panel-heading h2{align-items:center;gap:var(--space-2);font-size:var(--font-xl);margin:0;display:flex}.drop-zone{place-items:center;gap:var(--space-2);border:1px dashed color-mix(in srgb, var(--color-accent) 48%, #fff3);border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 13%, transparent), transparent), #ffffff0f;min-height:180px;color:var(--color-text);padding:var(--space-5);text-align:center;transition:border-color var(--transition-normal), background var(--transition-normal), transform var(--transition-normal);display:grid}.drop-zone:hover,.drop-zone:focus-visible{border-color:color-mix(in srgb, var(--color-accent) 76%, transparent);background:#ffffff17;transform:translateY(-2px)}.drop-zone span,.premium-empty span,.backup-row span,.preview-task small{color:var(--color-text-muted)}.import-preview{gap:var(--space-4);display:grid}.import-preview__meta,.import-warnings{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.import-preview__meta span{min-width:0;color:var(--color-text-muted);font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.import-settings-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preview-list{gap:var(--space-2);display:grid}.preview-task{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);min-height:54px;padding:var(--space-2) var(--space-3);background:#ffffff0f;border:1px solid #ffffff1a;grid-template-columns:30px minmax(0,1fr);display:grid}.preview-task>span{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent) 18%, transparent);width:30px;height:30px;color:var(--color-accent);place-items:center;font-weight:900;display:grid}.preview-task strong,.backup-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.preview-task small,.backup-row span{font-size:var(--font-xs);margin-top:3px;line-height:1.5;display:block}.export-controls,.backup-actions{gap:var(--space-4);display:grid}.backup-list{gap:var(--space-3);display:grid}.backup-row{gap:var(--space-3);border-radius:var(--radius-md);min-height:74px;padding:var(--space-3);background:#ffffff0f;border:1px solid #ffffff1a;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.backup-row__actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.premium-empty{place-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:150px;padding:var(--space-5);text-align:center;background:#ffffff0e;border:1px solid #ffffff1a;display:grid}.premium-empty--compact{min-height:118px}.file-drop-overlay{z-index:120;place-items:center;gap:var(--space-3);color:var(--color-text);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040910bd;display:grid;position:fixed;inset:0}.file-drop-overlay strong{font-size:var(--font-2xl)}.file-drop-overlay span{color:var(--color-text-muted)}.supported-types{gap:var(--space-3);display:grid}.supported-type{gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3);background:#ffffff0e;border:1px solid #ffffff1a;grid-template-columns:42px minmax(0,1fr);display:grid}.supported-type>span{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent) 18%, transparent);width:42px;height:42px;color:var(--color-accent);place-items:center;display:grid}.supported-type h3{margin:0}.supported-type p{margin:var(--space-1) 0 var(--space-2);color:var(--color-text-muted);line-height:1.5}.supported-type pre{border-radius:var(--radius-sm);padding:var(--space-2);color:var(--color-text-soft);font-size:var(--font-xs);background:#0000003d;border:1px solid #ffffff1a;margin:0;overflow:auto}@media (max-width:1040px){.import-export-hero{flex-direction:column;align-items:flex-start}.import-export-hero__actions{justify-content:flex-start}.import-export-grid{grid-template-columns:1fr}.import-card{grid-row:auto}}@media (max-width:640px){.import-settings-grid,.backup-row{grid-template-columns:1fr}.backup-row__actions,.backup-action-row{justify-content:stretch}.backup-row__actions .button,.backup-action-row .button,.import-export-hero__actions .button{width:100%}}