:root{color-scheme:light;--background:#f4f5f6;--surface:#fff;--surface-alt:#fafaf8;--text:#20232a;--secondary:#626972;--border:#dde0e3;--accent:#f3d777;--accent-deep:#775900;--success:#176144;--warning:#855c06;--error:#a92f34;--focus:#2563eb;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--radius:11px;--font:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{font-family:var(--font);color:var(--text);background:var(--background)}body{margin:0}button,input,select,textarea{font:inherit}button,a,select,input,textarea{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}
.app{min-height:100dvh;display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:56px minmax(0,1fr)}.topbar{grid-column:1/-1;grid-row:1;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 20px;position:sticky;top:0;z-index:15}.brand{font-size:18px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.brand span{display:inline-grid;place-items:center;background:var(--accent);border:1px solid #d8b54c;width:30px;height:30px;border-radius:8px;margin-right:9px}.environment{padding:4px 9px;border-radius:6px;background:#fff5cf;border:1px solid #d7bb62;font-weight:800;font-size:11px;letter-spacing:.08em}.topbar .spacer{flex:1}.top-icon{background:transparent;border:1px solid var(--border);border-radius:8px;min-width:44px;min-height:44px}.account{font-size:13px;color:var(--secondary);white-space:nowrap}.sidebar{grid-column:1;grid-row:2;position:sticky;top:56px;height:calc(100dvh - 56px);background:var(--surface);border-right:1px solid var(--border);padding:16px 10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-width:0}.sidebar nav{display:grid;gap:4px}.sidebar-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--secondary);padding:10px 12px 6px}.sidebar-divider{border:0;border-top:1px solid var(--border);width:100%;margin:14px 0 2px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;min-height:44px;border-radius:8px;font-weight:600;font-size:14px;color:var(--secondary)}.nav-link:hover{background:var(--surface-alt);color:var(--text)}.nav-link[aria-current="page"]{background:#fff6d9;color:var(--text);box-shadow:inset 3px 0 var(--accent-deep)}.symbol{flex:none;display:inline-grid;place-items:center;border:1px solid var(--border);background:white;border-radius:7px;width:26px;height:26px;font-size:13px;font-weight:800}.collapse{margin-top:auto;min-height:44px;background:white;border:1px solid var(--border);border-radius:8px;color:var(--text);font-weight:600}.workspace{grid-column:2;grid-row:2;min-width:0;padding:24px clamp(16px,3vw,40px) 56px}.workspace-inner{max-width:1180px;margin:0 auto}.module-nav{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--border);margin-bottom:22px}.module-nav a{padding:10px 12px;min-height:44px;display:inline-flex;align-items:center;color:var(--secondary);font-size:14px;font-weight:600;border-bottom:3px solid transparent}.module-nav a[aria-current="page"]{border-color:var(--accent-deep);color:var(--text)}.mobile-section{display:none}.breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px;color:var(--secondary);min-height:22px}.breadcrumb a{text-decoration:underline;text-decoration-color:var(--border)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:12px 0 24px}.page-header h1{font-size:clamp(24px,3vw,31px);line-height:1.15;margin:0 0 5px}.page-header p{margin:0;color:var(--secondary);font-size:14px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border-radius:8px;font-weight:700;border:1px solid var(--border);background:white;color:var(--text)}.button.primary{background:var(--accent);border-color:#dabb5d}.button:hover{filter:brightness(.97)}.button.danger{color:var(--error)}.button:disabled{opacity:.5;cursor:not-allowed}.card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:20px}.card h2{margin:0 0 10px;font-size:18px}.card p{margin:0 0 15px;color:var(--secondary);line-height:1.5}.layout-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stack{display:grid;gap:16px}.eyebrow{font-size:11px;color:var(--secondary);font-weight:800;text-transform:uppercase;letter-spacing:.09em}.placeholder{padding:22px;border:1px dashed #c9cdd1;background:var(--surface-alt);border-radius:var(--radius);color:var(--secondary)}.placeholder strong{color:var(--text)}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.subnav a{border:1px solid var(--border);border-radius:8px;padding:8px 12px;background:white;min-height:44px;display:inline-flex;align-items:center}.subnav [aria-current="page"]{background:#fff5d2;border-color:#b18c30}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:12px}.field{display:grid;gap:6px;min-width:0}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea,.mobile-section select{min-height:44px;width:100%;padding:9px 11px;background:white;border:1px solid #bfc5cb;border-radius:8px;color:var(--text)}.field textarea{min-height:90px;resize:vertical}.field small{color:var(--secondary);font-size:12px}.field .field-error{color:var(--error)}.filters .field:first-child{flex:2 1 240px}.filters .field{flex:1 1 140px}.view-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.chip{min-height:40px;background:white;border:1px solid var(--border);border-radius:7px;padding:8px 12px}.chip[aria-pressed="true"]{background:#fff4cc;border-color:#c9a948}.list{padding:0;overflow:hidden}.table-head,.list-row{display:grid;grid-template-columns:1.35fr 1fr 1fr .7fr 1fr 44px;gap:12px;align-items:center;padding:12px 16px}.table-head{font-weight:700;color:var(--secondary);font-size:12px;background:var(--surface-alt);border-bottom:1px solid var(--border)}.list-row{width:100%;min-height:64px;border:0;border-bottom:1px solid var(--border);text-align:left;background:transparent;color:var(--text);font-size:14px}.list-row:hover{background:#fffaf0}.list-row:last-child{border-bottom:0}.list-row strong{display:block}.list-row .subline{display:none}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#e9eff0;color:#314451;font-size:12px;font-weight:700;white-space:nowrap}.badge.success{background:#e3f3ea;color:var(--success)}.badge.warning{background:#fff1cc;color:var(--warning)}.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:13px;color:var(--secondary)}.pager-actions{display:flex;gap:6px}.pager .button{min-width:44px}.detail-head{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.detail-head h2{margin:0}.detail-block{border-top:1px solid var(--border);padding-top:18px;margin-top:18px}.detail-block h3{font-size:13px;letter-spacing:.08em;margin:0 0 10px}.detail-block dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.detail-block dt{font-size:12px;color:var(--secondary)}.detail-block dd{margin:3px 0;font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:8px}.alert{padding:14px 16px;border:1px solid #d8bd72;border-radius:9px;background:#fff9e6;line-height:1.45}.alert.error{border-color:#e1a8a9;background:#fff0f0}.alert.success{border-color:#a0d5b6;background:#eaf8ee}.skeleton{height:17px;border-radius:6px;background:linear-gradient(100deg,#e8ebed 20%,#f5f6f7 50%,#e8ebed 80%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin:12px 0}.skeleton:nth-child(2){width:70%}@keyframes shimmer{to{background-position-x:-200%}}.toast{position:fixed;bottom:22px;right:22px;border:1px solid #a0d5b6;background:#eaf8ee;padding:14px 18px;border-radius:9px;box-shadow:0 8px 30px #0002;z-index:60}.modal-layer{position:fixed;inset:0;background:#17212e80;display:grid;place-items:center;padding:20px;z-index:50}.dialog{background:white;border-radius:var(--radius);padding:24px;max-width:440px;width:100%;box-shadow:0 20px 60px #0003}.dialog h2{margin-top:0}.dialog p{line-height:1.5;color:var(--secondary)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.drawer-toggle{display:none}.mobile-shade{display:none}.route-error{max-width:620px}
.app.collapsed{grid-template-columns:70px minmax(0,1fr)}.collapsed .sidebar-label,.collapsed .nav-text,.collapsed .collapse-label{display:none}.collapsed .sidebar{align-items:center}.collapsed .sidebar nav{width:100%}.collapsed .nav-link{justify-content:center;padding:9px}.collapsed .collapse{width:100%}.collapsed .nav-link[aria-current="page"]{box-shadow:inset 0 -3px var(--accent-deep)}
@media(max-width:1000px){.app{grid-template-columns:70px minmax(0,1fr)}.sidebar-label,.nav-text,.collapse-label{display:none}.sidebar{align-items:center}.sidebar nav{width:100%}.nav-link{justify-content:center;padding:9px}.collapse{width:100%}.nav-link[aria-current="page"]{box-shadow:inset 0 -3px var(--accent-deep)}}
@media(max-width:700px){.app,.app.collapsed{display:block}.topbar{height:56px;padding:0 12px;gap:9px}.brand{font-size:15px}.account{display:none}.drawer-toggle{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--border);background:white;border-radius:8px}.sidebar{position:fixed;top:56px;bottom:0;left:0;height:auto;width:min(290px,82vw);transform:translateX(-105%);transition:transform .2s;z-index:40;align-items:stretch;box-shadow:12px 0 28px #0001}.sidebar-label,.nav-text,.collapse-label{display:inline}.nav-link{justify-content:flex-start;padding:10px 12px}.nav-link[aria-current="page"]{box-shadow:inset 3px 0 var(--accent-deep)}.collapse{display:none}.app.drawer-open .sidebar{transform:translateX(0)}.app.drawer-open .mobile-shade{display:block;position:fixed;inset:56px 0 0;background:#17212e65;z-index:35;border:0;width:100%}.workspace{padding:18px 14px 48px}.module-nav{display:none}.mobile-section{display:grid;gap:5px;margin-bottom:18px}.mobile-section label{font-weight:700;font-size:13px}.page-header{display:block}.page-actions{margin-top:16px}.layout-2{grid-template-columns:1fr}.table-head{display:none}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:start;min-height:88px}.list-row .desktop-cell{display:none}.list-row .subline{display:block;color:var(--secondary);font-size:12px;margin-top:5px}.list-row .badge{grid-column:2;grid-row:1}.list-row .arrow{grid-column:2;grid-row:2;text-align:right}.filters{display:grid;grid-template-columns:1fr 1fr}.filters .field:first-child{grid-column:1/-1}.detail-block dl{grid-template-columns:1fr}.pager{align-items:flex-start}.toast{left:14px;right:14px;bottom:14px}}
@media(max-width:360px){.top-icon{display:none}.filters{grid-template-columns:1fr}.filters .field:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}