:root{--etc-bg:#f4f7f6;--etc-surface:#fff;--etc-ink:#0f1f1c;--etc-muted:#5c746e;--etc-line:#d7e3df;--etc-accent:#0d9488;--etc-accent-soft:#0d94881f;--etc-danger:#c2410c;--etc-shadow:0 8px 28px #0f1f1c14;--etc-sidebar-w:260px;--etc-sidebar-collapsed-w:72px;--etc-topbar-h:56px;--etc-radius:12px;--etc-font:"Segoe UI", system-ui, -apple-system, sans-serif}html.dark{--etc-bg:#0b1412;--etc-surface:#12201c;--etc-ink:#e8f5f1;--etc-muted:#9bb5ae;--etc-line:#243832;--etc-accent:#2dd4bf;--etc-accent-soft:#2dd4bf29;--etc-danger:#fb923c;--etc-shadow:0 10px 32px #00000059}.etc-shell{grid-template-columns:var(--etc-sidebar-w) 1fr;background:var(--etc-bg);min-height:100svh;color:var(--etc-ink);font-family:var(--etc-font);display:grid}.etc-shell__sidebar{border-right:1px solid var(--etc-line);background:var(--etc-surface);z-index:40;flex-direction:column;gap:.75rem;height:100svh;padding:1rem .85rem;display:flex;position:sticky;top:0}.etc-shell__sidebar-top{padding:.25rem .35rem .75rem}.etc-shell__brand{color:inherit;align-items:center;gap:.65rem;text-decoration:none;display:flex}.etc-shell__brand-mark,.etc-shell__brand-logo{object-fit:cover;border-radius:10px;width:36px;height:36px}.etc-shell__brand-mark{background:var(--etc-accent);color:#042f2e;place-items:center;font-weight:800;display:grid}.etc-shell__brand-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.etc-shell__brand-text strong{font-size:.95rem}.etc-shell__brand-text span{color:var(--etc-muted);font-size:.75rem}.etc-shell__nav{flex-direction:column;flex:1;gap:.25rem;display:flex;overflow:auto}.etc-shell__nav-item{color:var(--etc-muted);border-radius:10px;align-items:center;gap:.55rem;padding:.65rem .75rem;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.etc-shell__nav-item:hover{background:var(--etc-accent-soft);color:var(--etc-ink)}.etc-shell__nav-item.is-active{background:var(--etc-accent-soft);color:var(--etc-accent)}.etc-shell__nav-icon{justify-content:center;width:1.15rem;display:inline-flex}.etc-shell__sidebar-footer{border-top:1px solid var(--etc-line);color:var(--etc-muted);padding:.5rem;font-size:.75rem}.etc-shell__main{flex-direction:column;min-width:0;min-height:100svh;display:flex}.etc-shell__topbar{z-index:30;height:var(--etc-topbar-h);border-bottom:1px solid var(--etc-line);background:color-mix(in srgb, var(--etc-surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:.75rem;padding:0 1rem;display:flex;position:sticky;top:0}.etc-shell__menu-btn{border:1px solid var(--etc-line);background:var(--etc-surface);color:var(--etc-ink);cursor:pointer;border-radius:10px;width:2.35rem;height:2.35rem;display:none}.etc-shell__topbar-brand-mobile{display:none}.etc-shell__topbar-spacer{flex:1}.etc-shell__topbar-actions{align-items:center;gap:.5rem;display:flex}.etc-shell__content{flex:1;min-width:0;padding:1.25rem 1.25rem 2rem}.etc-shell__backdrop{display:none}.etc-theme-toggle{border:1px solid var(--etc-line);background:var(--etc-surface);color:var(--etc-ink);cursor:pointer;font:inherit;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .65rem;display:inline-flex}.etc-theme-toggle__label{flex-direction:column;align-items:flex-start;font-size:.78rem;font-weight:700;line-height:1.1;display:flex}.etc-theme-toggle__label small{color:var(--etc-muted);font-size:.65rem;font-weight:500}.etc-theme-toggle__icon{font-size:.95rem}.etc-user-menu{position:relative}.etc-user-menu__trigger{border:1px solid var(--etc-line);background:var(--etc-surface);color:var(--etc-ink);cursor:pointer;font:inherit;border-radius:999px;align-items:center;gap:.55rem;max-width:min(260px,70vw);padding:.25rem .55rem .25rem .25rem;display:inline-flex}.etc-user-menu__avatar{background:var(--etc-accent-soft);width:2rem;height:2rem;color:var(--etc-accent);border-radius:999px;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:800;display:grid;overflow:hidden}.etc-user-menu__avatar img{object-fit:cover;width:100%;height:100%}.etc-user-menu__meta{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;display:flex}.etc-user-menu__name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.82rem;font-weight:700;overflow:hidden}.etc-user-menu__role{color:var(--etc-muted);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.68rem;overflow:hidden}.etc-user-menu__chev{color:var(--etc-muted);margin-right:.15rem;font-size:.7rem}.etc-user-menu__panel{background:var(--etc-surface);border:1px solid var(--etc-line);border-radius:var(--etc-radius);width:min(280px,88vw);box-shadow:var(--etc-shadow);z-index:60;padding:.4rem;position:absolute;top:calc(100% + .4rem);right:0}.etc-user-menu__panel--portaled{margin:0;position:fixed}.etc-user-menu__header{border-bottom:1px solid var(--etc-line);flex-direction:column;gap:.15rem;margin-bottom:.35rem;padding:.65rem .7rem .75rem;display:flex}.etc-user-menu__header strong{font-size:.92rem}.etc-user-menu__header span{color:var(--etc-muted);font-size:.78rem}.etc-user-menu__role-pill{background:var(--etc-accent-soft);color:var(--etc-accent);border-radius:999px;align-self:flex-start;margin-top:.25rem;padding:.15rem .45rem;font-weight:700;font-size:.7rem!important}.etc-user-menu__item{text-align:left;width:100%;color:var(--etc-ink);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;padding:.6rem .7rem;font-size:.88rem;font-weight:600;display:block}.etc-user-menu__item:hover{background:var(--etc-accent-soft)}.etc-user-menu__item.is-danger{color:var(--etc-danger)}.etc-user-menu__sep{background:var(--etc-line);height:1px;margin:.35rem .25rem}@media (width<=900px){.etc-shell{grid-template-columns:1fr}.etc-shell__sidebar{width:min(84vw, var(--etc-sidebar-w));box-shadow:var(--etc-shadow);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.etc-shell.is-nav-open .etc-shell__sidebar{transform:translate(0)}.etc-shell__menu-btn{place-items:center;display:inline-grid}.etc-shell__topbar-brand-mobile{display:block}.etc-shell__topbar-brand-mobile .etc-shell__brand-text span{display:none}.etc-shell.is-nav-open .etc-shell__backdrop{z-index:35;background:#0006;border:0;display:block;position:fixed;inset:0}.etc-user-menu__meta{display:none}}.etc-shell__sidebar-top{justify-content:space-between;align-items:flex-start;gap:.35rem;display:flex}.etc-shell__collapse-btn{border:1px solid var(--etc-line);background:var(--etc-surface);color:var(--etc-muted);cursor:pointer;border-radius:8px;flex-shrink:0;width:1.75rem;height:1.75rem}.etc-shell.is-sidebar-collapsed{grid-template-columns:var(--etc-sidebar-collapsed-w) 1fr}.etc-shell.is-sidebar-collapsed .etc-shell__brand-text,.etc-shell.is-sidebar-collapsed .etc-shell__nav-label,.etc-shell.is-sidebar-collapsed .etc-shell__sidebar-footer{display:none}.etc-shell.is-sidebar-collapsed .etc-shell__nav-item{justify-content:center;padding-inline:.5rem}.etc-shell--topbar{grid-template-columns:unset;flex-direction:column;min-height:100svh;display:flex}.etc-shell__topbar--primary{z-index:40;height:auto;min-height:var(--etc-topbar-h);flex-wrap:wrap;gap:.75rem 1rem;padding:.5rem 1rem;position:sticky;top:0}.etc-shell__topbar-brand{align-items:center;display:flex}.etc-shell__topnav{flex-wrap:wrap;flex:1;align-items:center;gap:.25rem;min-width:0;display:flex}.etc-shell__topnav-item{color:var(--etc-muted);border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.etc-shell__topnav-item:hover{background:var(--etc-accent-soft);color:var(--etc-ink)}.etc-shell__topnav-item.is-active{background:var(--etc-accent-soft);color:var(--etc-accent)}@media (width<=900px){.etc-shell.is-sidebar-collapsed{grid-template-columns:1fr}.etc-shell__collapse-btn{display:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f6;--ink:#0f172a;--muted:#64748b;--card:#fff;--accent:#0d9488;--accent-ink:#fff;--border:#e2e8f0;--danger:#b91c1c;color:var(--ink);background:radial-gradient(circle at top left, #0d94881f, transparent 40%), radial-gradient(circle at 80% 0%, #0ea5e91a, transparent 35%), var(--bg);font-family:Segoe UI,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}button,input{font:inherit}.shell{max-width:1100px;margin:0 auto;padding:1.5rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.brand{letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.brand span{color:var(--accent)}.nav{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.nav a{color:var(--muted);font-weight:600}.nav a.active,.nav a:hover{color:var(--ink)}.hero{margin-bottom:2rem}.hero h1{letter-spacing:-.03em;margin:0 0 .5rem;font-size:clamp(1.8rem,4vw,2.6rem)}.hero p{color:var(--muted);max-width:40rem;margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.25rem;box-shadow:0 10px 30px #0f172a0a}.card h3{margin:0 0 .35rem;font-size:1.1rem}.card p{color:var(--muted);margin:0 0 1rem;font-size:.95rem}.badge{color:#0f766e;background:#ccfbf1;border-radius:999px;margin-bottom:.75rem;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.badge.locked{color:var(--muted);background:#f1f5f9}.btn{appearance:none;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:.65rem;padding:.65rem 1rem;font-weight:700}.btn.secondary{color:var(--ink);background:#e2e8f0}.btn:disabled{opacity:.55;cursor:not-allowed}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;max-width:420px;margin:4rem auto;padding:1.75rem}.auth-card h1{margin-top:0}.field{gap:.35rem;margin-bottom:1rem;display:grid}.field input,.field select{border:1px solid var(--border);border-radius:.65rem;padding:.7rem .85rem}.error{color:var(--danger);margin-bottom:1rem}.muted{color:var(--muted)}.stack{gap:1rem;display:grid}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--radius:.625rem;--background:oklch(98.5% .002 240);--foreground:oklch(21% .02 250);--card:oklch(100% 0 0);--card-foreground:oklch(21% .02 250);--popover:oklch(100% 0 0);--popover-foreground:oklch(21% .02 250);--primary:oklch(52% .14 195);--primary-foreground:oklch(99% 0 0);--secondary:oklch(96% .01 240);--secondary-foreground:oklch(28% .03 250);--muted:oklch(96% .008 240);--muted-foreground:oklch(52% .02 250);--accent:oklch(94% .03 195);--accent-foreground:oklch(32% .06 195);--destructive:oklch(55% .2 25);--border:oklch(91% .01 240);--input:oklch(91% .01 240);--ring:oklch(52% .14 195);--sidebar:oklch(18% .03 250);--sidebar-foreground:oklch(95% .01 240);--sidebar-border:oklch(28% .03 250);--sidebar-accent:oklch(24% .04 250);--sidebar-accent-foreground:oklch(98% 0 0);--legacy-navy:oklch(28% .03 250);--legacy-admin-primary:oklch(68% .14 230);--legacy-admin-secondary:oklch(82% .14 85);--legacy-save:oklch(62% .16 155);--legacy-cancel:oklch(62% .2 15)}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:oklch(14% .02 250);--foreground:oklch(96% .01 240);--card:oklch(18% .02 250);--card-foreground:oklch(96% .01 240);--popover:oklch(18% .02 250);--popover-foreground:oklch(96% .01 240);--primary:oklch(68% .14 195);--primary-foreground:oklch(14% .02 250);--secondary:oklch(24% .02 250);--secondary-foreground:oklch(96% .01 240);--muted:oklch(24% .02 250);--muted-foreground:oklch(68% .02 240);--accent:oklch(28% .04 195);--accent-foreground:oklch(96% .01 240);--destructive:oklch(62% .2 25);--border:oklch(28% .02 250);--input:oklch(28% .02 250);--ring:oklch(68% .14 195);--sidebar:oklch(12% .02 250);--sidebar-foreground:oklch(96% .01 240);--sidebar-border:oklch(24% .02 250);--sidebar-accent:oklch(22% .03 250);--sidebar-accent-foreground:oklch(98% 0 0)}html[data-theme=ocean]{--primary:oklch(55% .15 240);--primary-foreground:oklch(99% 0 0);--accent:oklch(94% .03 240);--accent-foreground:oklch(35% .08 240);--ring:oklch(55% .15 240)}html.dark[data-theme=ocean]{--primary:oklch(72% .14 240);--primary-foreground:oklch(14% .02 250);--accent:oklch(28% .05 240);--accent-foreground:oklch(96% .01 240);--ring:oklch(72% .14 240)}html[data-theme=emerald]{--primary:oklch(55% .15 160);--primary-foreground:oklch(99% 0 0);--accent:oklch(94% .04 160);--accent-foreground:oklch(32% .08 160);--ring:oklch(55% .15 160)}html.dark[data-theme=emerald]{--primary:oklch(72% .14 160);--primary-foreground:oklch(14% .02 250);--accent:oklch(28% .05 160);--accent-foreground:oklch(96% .01 240);--ring:oklch(72% .14 160)}html[data-theme=violet]{--primary:oklch(52% .2 295);--primary-foreground:oklch(99% 0 0);--accent:oklch(94% .04 295);--accent-foreground:oklch(35% .1 295);--ring:oklch(52% .2 295)}html.dark[data-theme=violet]{--primary:oklch(72% .16 295);--primary-foreground:oklch(14% .02 250);--accent:oklch(30% .06 295);--accent-foreground:oklch(96% .01 240);--ring:oklch(72% .16 295)}html[data-theme=rose]{--primary:oklch(55% .2 15);--primary-foreground:oklch(99% 0 0);--accent:oklch(95% .03 15);--accent-foreground:oklch(38% .12 15);--ring:oklch(55% .2 15)}html.dark[data-theme=rose]{--primary:oklch(72% .16 15);--primary-foreground:oklch(14% .02 250);--accent:oklch(30% .06 15);--accent-foreground:oklch(96% .01 240);--ring:oklch(72% .16 15)}html[data-theme=amber]{--primary:oklch(70% .16 75);--primary-foreground:oklch(22% .04 75);--accent:oklch(95% .04 85);--accent-foreground:oklch(40% .1 75);--ring:oklch(70% .16 75)}html.dark[data-theme=amber]{--primary:oklch(78% .14 85);--primary-foreground:oklch(18% .03 75);--accent:oklch(32% .06 75);--accent-foreground:oklch(96% .01 240);--ring:oklch(78% .14 85)}html[data-theme=indigo]{--primary:oklch(48% .18 275);--primary-foreground:oklch(99% 0 0);--accent:oklch(94% .04 275);--accent-foreground:oklch(35% .1 275);--ring:oklch(48% .18 275)}html.dark[data-theme=indigo]{--primary:oklch(70% .14 275);--primary-foreground:oklch(14% .02 250);--accent:oklch(30% .06 275);--accent-foreground:oklch(96% .01 240);--ring:oklch(70% .14 275)}html[data-theme=slate]{--primary:oklch(42% .04 250);--primary-foreground:oklch(99% 0 0);--accent:oklch(94% .01 250);--accent-foreground:oklch(32% .03 250);--ring:oklch(42% .04 250)}html.dark[data-theme=slate]{--primary:oklch(72% .03 250);--primary-foreground:oklch(14% .02 250);--accent:oklch(28% .02 250);--accent-foreground:oklch(96% .01 240);--ring:oklch(72% .03 250)}