.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--ok: #16a34a;--warn: #f59e0b;--danger: #dc2626;--radius: 12px;--header-h: 56px}:root,[data-theme=new-light]{--accent: #c6007e;--accent-700: #a80a72;--accent-2: #0098d8;--brand-gradient: linear-gradient(90deg, #0098d8 0%, #c6007e 100%);--bg: #f2f3f5;--surface: #ffffff;--surface-2: #f8fafc;--elevated: #fdeef6;--text: #1f2937;--muted: #6b7280;--faint: #9ca3af;--border: #e5e7eb;--hover: #eef1f4;--app-bg: var(--bg);--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--skeleton-bg: #e9edf2;--skeleton-shine: rgba(255,255,255,.65);color-scheme:light}[data-theme=new-dark]{--accent: #e0369b;--accent-700: #c6007e;--accent-2: #38bdf8;--brand-gradient: linear-gradient(90deg, #38bdf8 0%, #e0369b 100%);--bg: #0b1120;--surface: #131c31;--surface-2: #0e1626;--elevated: rgba(224,54,155,.18);--text: #e6edf7;--muted: #93a4bf;--faint: #64748b;--border: #24304d;--hover: rgba(255,255,255,.05);--app-bg: radial-gradient(1200px 600px at 80% -10%, #16233f 0%, #0b1120 55%);--shadow: 0 10px 30px -12px rgba(0,0,0,.55);--shadow-lg: 0 14px 34px -12px rgba(0,0,0,.6);--skeleton-bg: #1a2540;--skeleton-shine: rgba(255,255,255,.07);color-scheme:dark}[data-theme=stacktrix-light]{--accent: #4f46e5;--accent-700: #4338ca;--accent-2: #06b6d4;--brand-gradient: linear-gradient(90deg, #06b6d4 0%, #4f46e5 100%);--bg: #f5f6fa;--surface: #ffffff;--surface-2: #f7f8fc;--elevated: #eef0fe;--text: #101828;--muted: #667085;--faint: #98a2b3;--border: #e4e7ec;--hover: #eef1f7;--app-bg: var(--bg);--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--skeleton-bg: #e9ecf5;--skeleton-shine: rgba(255,255,255,.65);color-scheme:light}[data-theme=stacktrix-dark]{--accent: #7c74ff;--accent-700: #4f46e5;--accent-2: #22d3ee;--brand-gradient: linear-gradient(90deg, #22d3ee 0%, #7c74ff 100%);--bg: #0a0e1a;--surface: #121826;--surface-2: #0d1320;--elevated: rgba(124,116,255,.2);--text: #e8ecf5;--muted: #94a3b8;--faint: #64748b;--border: #222c40;--hover: rgba(255,255,255,.05);--app-bg: radial-gradient(1200px 600px at 80% -10%, #182140 0%, #0a0e1a 55%);--shadow: 0 10px 30px -12px rgba(0,0,0,.55);--shadow-lg: 0 14px 34px -12px rgba(0,0,0,.6);--skeleton-bg: #1b2440;--skeleton-shine: rgba(255,255,255,.07);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;background:var(--app-bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit}.topbar{height:var(--header-h);position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:2px solid var(--accent)}.hdr{height:var(--header-h);display:flex;align-items:center;gap:1rem;padding:0 1.1rem}.brand{display:flex;align-items:center;gap:.5rem;font-weight:800;letter-spacing:.02em;text-decoration:none;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--brand-gradient)}.hdr-nav{display:flex;align-items:center;gap:.25rem;margin-left:.75rem}.hdr-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);text-decoration:none;padding:.4rem .7rem;border-radius:9px;font-size:.9rem;transition:background .15s,color .15s}.hdr-link:hover{color:var(--text);background:var(--hover)}.hdr-link.active{color:var(--accent);background:var(--elevated)}.hdr-error{color:var(--danger);font-size:.8rem;margin-left:.5rem}.hdr-user{margin-left:auto;display:flex;align-items:center;gap:.55rem}.hdr-user-name{color:var(--muted);font-size:.85rem}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:700;color:#fff;background:var(--brand-gradient)}.theme-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.32rem .7rem;font-size:.82rem;cursor:pointer}.theme-select:hover{border-color:var(--accent)}.theme-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.usermenu{position:relative}.usermenu-trigger{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid transparent;border-radius:999px;padding:.2rem .5rem .2rem .25rem;cursor:pointer;color:var(--text);font:inherit}.usermenu-trigger:hover{background:var(--hover)}.usermenu-caret{color:var(--muted);display:inline-flex}.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:224px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;z-index:50}.menu-label{padding:.45rem .6rem .55rem;font-size:.72rem;color:var(--faint);border-bottom:1px solid var(--border);margin-bottom:4px}.menu-item{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;background:transparent;border:0;color:var(--text);text-decoration:none;padding:.5rem .6rem;border-radius:8px;font-size:.9rem;cursor:pointer;font:inherit}.menu-item:hover{background:var(--hover)}.menu-sub{justify-content:space-between}.menu-children{margin:2px 0 2px .75rem;border-left:1px solid var(--border);padding-left:.35rem}.menu-divider{height:1px;background:var(--border);margin:6px 4px}.menu-caret{color:var(--muted);display:inline-flex;transition:transform .15s}.menu-caret.open{transform:rotate(90deg)}.theme-card{position:relative;display:flex;align-items:center;gap:.9rem;text-align:left;cursor:pointer}.theme-card:hover{border-color:var(--accent)}.theme-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.theme-swatch{width:56px;height:40px;border-radius:8px;border:1px solid var(--border);position:relative;flex:none;overflow:hidden}.theme-swatch span{position:absolute;border-radius:3px}.theme-swatch span:nth-child(1){left:6px;top:8px;width:26px;height:24px}.theme-swatch span:nth-child(2){right:6px;bottom:8px;width:16px;height:16px;border-radius:50%}.theme-card-meta{display:flex;flex-direction:column;gap:.1rem}.theme-check{position:absolute;right:.8rem;color:var(--accent);font-weight:700}.auth-main{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:100%;max-width:400px}.auth-brand{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.4rem;margin-bottom:1.2rem;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.auth-role{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:.7rem .85rem;color:var(--text);cursor:pointer;font:inherit}.auth-role:hover{border-color:var(--accent)}.auth-role small{color:var(--muted)}.toast-host{position:fixed;right:1rem;bottom:1rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.toast{display:flex;align-items:center;gap:.6rem;min-width:240px;max-width:380px;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:10px;box-shadow:var(--shadow-lg);padding:.7rem .85rem;font:inherit;font-size:.9rem;cursor:pointer;animation:toast-in .18s ease-out}.toast-success{border-left-color:var(--ok)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--accent-2)}.toast-badge{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:700;color:#fff;background:var(--muted);flex:none}.toast-success .toast-badge{background:var(--ok)}.toast-error .toast-badge{background:var(--danger)}.toast-info .toast-badge{background:var(--accent-2)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.shell{display:grid;grid-template-columns:244px 1fr;min-height:calc(100vh - var(--header-h))}.sidebar{border-right:1px solid var(--border);background:var(--surface-2);padding:1.1rem .8rem;position:sticky;top:var(--header-h);align-self:start;height:calc(100vh - var(--header-h))}.side-title{margin:0 0 .6rem;padding:0 .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--faint)}.side-nav{display:flex;flex-direction:column;gap:.15rem}.side-link{display:flex;align-items:center;gap:.6rem;color:var(--muted);text-decoration:none;padding:.5rem .65rem;border-radius:9px;font-size:.9rem}.side-link:hover{color:var(--text);background:var(--hover)}.side-link.active{color:var(--accent);background:var(--elevated);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.side-hint{color:var(--faint);font-size:.82rem;padding:0 .5rem}.content{padding:1.1rem 1.6rem 3rem;min-width:0}.crumbs{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--muted)}.crumb{display:inline-flex;align-items:center;gap:.4rem}.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover,.crumb-current{color:var(--text)}.crumb-sep{color:var(--faint)}.page{margin-top:1rem}.page h1{margin:0 0 .35rem;font-size:1.5rem}.page-lead{color:var(--muted);margin:0 0 1.4rem;max-width:65ch}.grid{display:grid;gap:1rem}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 900px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.2rem;box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.card-head h2{margin:0;font-size:1.02rem}.card-sub{color:var(--muted);font-size:.85rem;margin:.25rem 0 0}.stat{display:flex;flex-direction:column;gap:.35rem}.stat-label{color:var(--muted);font-size:.82rem;display:flex;align-items:center;gap:.5rem}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-foot{color:var(--faint);font-size:.78rem}.chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.danger{background:var(--danger)}.tile{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:inherit;transition:transform .12s,border-color .12s}.tile:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.tile-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--border)}.tile h3{margin:.2rem 0 0;font-size:1rem}.btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#fff;border:1px solid transparent;border-radius:999px;padding:.45rem .95rem;font-weight:600;cursor:pointer}.btn:hover{background:var(--accent-700)}.btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.6;cursor:default}.input{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:.5rem .7rem}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.input:disabled{opacity:.55;cursor:not-allowed;background:var(--surface)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--border);font-size:.9rem}.table th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.table tbody tr:hover{background:var(--hover)}.error{color:var(--danger)}.muted{color:var(--muted)}code{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:.05rem .35rem;font-size:.85em}.modal-backdrop{position:fixed;inset:0;z-index:90;background:color-mix(in srgb,#000 55%,transparent);display:grid;place-items:center;padding:1.5rem;animation:fade .12s ease}.modal-card{width:min(560px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:1.05rem}.modal-head-actions{display:inline-flex;align-items:center;gap:.6rem}.modal-close{background:none;border:none;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer;border-radius:8px;width:32px;height:32px}.modal-close:hover{background:var(--hover);color:var(--text)}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:.9rem}.modal-foot{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid var(--border)}.form-row{display:flex;flex-direction:column;gap:.35rem}.form-row>label{font-size:.82rem;font-weight:600;color:var(--muted)}.form-row .input{width:100%;box-sizing:border-box}@keyframes fade{0%{opacity:0}to{opacity:1}}.stepper{list-style:none;display:flex;gap:.5rem;padding:0;margin:0 0 1.25rem}.stepper li{flex:1;display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem;font-weight:600;border-bottom:2px solid var(--border);padding-bottom:.5rem}.stepper li span{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.75rem}.stepper li.active{color:var(--text);border-bottom-color:var(--accent)}.stepper li.active span{background:var(--accent);color:#fff;border-color:transparent}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.catalog-grid .tile{flex-direction:column;align-items:flex-start;text-align:left}.stepper-actions{display:flex;justify-content:space-between;gap:.6rem;margin-top:1.1rem;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}.prio-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--warn, #f5a623);color:#111;font-weight:700;border-radius:8px;padding:.35rem .8rem;align-self:flex-start}.prio-badge strong{font-size:1.15rem}.tabs{display:flex;flex-wrap:wrap;gap:.15rem;border-bottom:1px solid var(--border);margin:0 0 1rem}.tab{background:none;border:1px solid transparent;border-bottom:none;color:var(--muted);font-weight:600;font-size:.88rem;padding:.5rem .9rem;border-radius:8px 8px 0 0;cursor:pointer}.tab:hover{color:var(--text);background:var(--hover)}.tab.active{color:var(--text);background:var(--surface);border-color:var(--border);margin-bottom:-1px}.detail-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem 1.5rem;margin:.4rem 0 1rem}.detail-head .kv span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.comment-list{display:flex;flex-direction:column;gap:.9rem}.comment-item{border:1px solid var(--border);border-radius:12px;padding:.7rem .9rem;background:var(--surface-2)}.comment-meta{display:flex;align-items:center;gap:.45rem;font-size:.85rem;flex-wrap:wrap}.comment-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700}.comment-body{margin:.5rem 0 0;white-space:pre-wrap}.comment-actions{margin-left:auto;display:inline-flex;gap:.6rem}.linklike{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.82rem;padding:0}.linklike:hover{text-decoration:underline}.skeleton{position:relative;overflow:hidden;background:var(--skeleton-bg);border:1px solid var(--border)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:shimmer 1.25s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none}}