:root{
  --fxs-bg:#f3f4f6;
  --fxs-panel:#ffffff;
  --fxs-panel2:#ffffff;
  --fxs-card:#ffffff;
  --fxs-text:rgba(15,23,42,.92);
  --fxs-muted:rgba(15,23,42,.62);
  --fxs-border:rgba(15,23,42,.10);
  --fxs-accent:#0b5cab;
  --fxs-accent2:#22a06b;
  --fxs-danger:#d92d20;
  --fxs-warning:#f59e0b;
  --fxs-radius:16px;
  --fxs-shadow:0 10px 28px rgba(15,23,42,.10);
  --fxs-shadow2:0 16px 44px rgba(15,23,42,.12);
  --fxs-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans JP","Noto Sans SC",sans-serif;
}
html[data-scheme="dark"]{
  --fxs-bg:#0b1020;
  --fxs-panel:#0f172a;
  --fxs-panel2:#111c36;
  --fxs-card:#0c152e;
  --fxs-text:rgba(255,255,255,.90);
  --fxs-muted:rgba(255,255,255,.62);
  --fxs-border:rgba(255,255,255,.10);
  --fxs-accent:#7c3aed;
  --fxs-accent2:#22c55e;
  --fxs-shadow:0 10px 28px rgba(0,0,0,.28);
  --fxs-shadow2:0 18px 54px rgba(0,0,0,.34);
}
html[data-scheme="bluegray"]{--fxs-bg:#07101a;--fxs-panel:#0b1626;--fxs-panel2:#0e1d33;--fxs-card:#0a1527;--fxs-text:rgba(255,255,255,.9);--fxs-muted:rgba(255,255,255,.62);--fxs-border:rgba(255,255,255,.10);--fxs-accent:#3b82f6;--fxs-accent2:#06b6d4}
html[data-scheme="blackgold"]{--fxs-bg:#07070a;--fxs-panel:#111113;--fxs-panel2:#141416;--fxs-card:#0e0e10;--fxs-text:rgba(255,255,255,.9);--fxs-muted:rgba(255,255,255,.62);--fxs-border:rgba(255,255,255,.12);--fxs-accent:#d4af37;--fxs-accent2:#f59e0b}
*{box-sizing:border-box}html,body{min-height:100%;}body{margin:0;font-family:var(--fxs-font);background:radial-gradient(1100px 720px at 8% 0%, color-mix(in srgb,var(--fxs-accent) 13%, transparent), transparent 58%),radial-gradient(900px 620px at 94% 20%, color-mix(in srgb,var(--fxs-accent2) 10%, transparent), transparent 56%),var(--fxs-bg);color:var(--fxs-text);-webkit-font-smoothing:antialiased}a{color:var(--fxs-accent);text-decoration:none}a:hover{text-decoration:none;filter:brightness(1.05)}
.app-shell{display:flex;min-height:100vh}.sidebar{width:304px;background:color-mix(in srgb,var(--fxs-panel) 92%, transparent);border-right:1px solid var(--fxs-border);padding:16px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;backdrop-filter:blur(12px);z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--fxs-border);border-radius:var(--fxs-radius);background:linear-gradient(180deg,color-mix(in srgb,var(--fxs-panel) 96%, transparent),color-mix(in srgb,var(--fxs-panel2) 84%, transparent));box-shadow:var(--fxs-shadow)}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:950;letter-spacing:.7px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--fxs-accent) 92%, white 8%),color-mix(in srgb,var(--fxs-accent2) 80%, black 20%));box-shadow:0 10px 25px rgba(0,0,0,.25)}.brand-title{font-size:14px;font-weight:950;line-height:1.1}.brand-sub{font-size:12px;color:var(--fxs-muted)}.sidebar-close{display:none;margin-left:auto;width:32px;height:32px;border-radius:10px;border:1px solid var(--fxs-border);background:transparent;color:var(--fxs-text);cursor:pointer}.sidebar nav{display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:2px}.sidebar nav a,.sidebar button.linklike{display:flex;align-items:center;gap:10px;width:100%;color:var(--fxs-text);background:color-mix(in srgb,var(--fxs-panel) 92%, transparent);border:1px solid transparent;text-align:left;padding:10px 12px;border-radius:14px;font-size:14px;font-weight:760;cursor:pointer}.sidebar nav a:hover,.sidebar button.linklike:hover{border-color:var(--fxs-border);background:color-mix(in srgb,var(--fxs-panel) 98%, white 3%);transform:translateY(-1px)}.sidebar nav a.active{border-left:4px solid var(--fxs-accent);padding-left:8px;border-color:color-mix(in srgb,var(--fxs-accent) 48%, transparent);background:color-mix(in srgb,var(--fxs-accent) 14%, var(--fxs-panel))}.nav-ico{width:22px;text-align:center}.sidebar-footer{margin-top:auto;border-top:1px solid var(--fxs-border);padding-top:12px;display:flex;flex-direction:column;gap:10px}.user-box{display:flex;align-items:center;gap:10px}.user-avatar{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-weight:950;background:color-mix(in srgb,var(--fxs-accent) 14%, var(--fxs-panel));border:1px solid var(--fxs-border)}.user-name{font-size:13px;font-weight:850}.user-role{font-size:12px;color:var(--fxs-muted)}.theme-toggle{border:1px solid var(--fxs-border);background:color-mix(in srgb,var(--fxs-panel) 96%, transparent);color:var(--fxs-text);border-radius:12px;padding:8px 10px;font-weight:800;cursor:pointer}.hint{font-size:12px;color:var(--fxs-muted)}
.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--fxs-border);background:color-mix(in srgb,var(--fxs-panel) 86%, transparent);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px;min-width:0}.burger{display:none;background:color-mix(in srgb,var(--fxs-panel) 92%, transparent);border:1px solid var(--fxs-border);color:var(--fxs-text);border-radius:14px;padding:8px 10px;cursor:pointer;font-weight:800}.page-kicker{font-size:12px;color:var(--fxs-muted);letter-spacing:.2px}.page-name{font-size:15px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}.quick-search{position:relative;min-width:300px}.quick-search input{padding-left:34px}.search-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--fxs-muted)}.search-results{display:none;position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:86vw;background:var(--fxs-panel);border:1px solid var(--fxs-border);border-radius:16px;box-shadow:var(--fxs-shadow2);overflow:hidden;z-index:90}.search-results.is-on{display:block}.search-results a{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;color:var(--fxs-text);border-bottom:1px solid var(--fxs-border)}.search-results a:last-child{border-bottom:0}.search-results small{color:var(--fxs-muted)}.qa{position:relative}.qa-btn{background:linear-gradient(135deg,var(--fxs-accent),color-mix(in srgb,var(--fxs-accent2) 70%, var(--fxs-accent)));color:#fff;border:0;border-radius:14px;padding:10px 13px;font-weight:900;cursor:pointer}.qa-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--fxs-panel);border:1px solid var(--fxs-border);box-shadow:var(--fxs-shadow2);border-radius:16px;overflow:hidden;z-index:91}.qa-menu.is-on{display:block}.qa-menu a{display:block;padding:11px 14px;color:var(--fxs-text);border-bottom:1px solid var(--fxs-border);font-weight:760}.qa-menu a:last-child{border-bottom:0}.content{padding:22px;flex:1}.content>h1:first-child{margin-top:0}.head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:16px 0}.card{background:color-mix(in srgb,var(--fxs-card) 94%, transparent);padding:18px;border:1px solid var(--fxs-border);border-radius:18px;box-shadow:var(--fxs-shadow)}.card h2,.card h3{margin-top:0}.card b{display:block;font-size:30px;line-height:1.1}.card span,.muted{color:var(--fxs-muted)}.card.danger b{color:var(--fxs-danger)}.grid,.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.full{grid-column:1/-1}.panel{background:color-mix(in srgb,var(--fxs-panel) 94%, transparent);border:1px solid var(--fxs-border);border-radius:18px;box-shadow:var(--fxs-shadow);padding:18px;margin:14px 0}table{width:100%;border-collapse:separate;border-spacing:0;background:color-mix(in srgb,var(--fxs-panel) 96%, transparent);border:1px solid var(--fxs-border);border-radius:16px;overflow:hidden;box-shadow:var(--fxs-shadow);margin:14px 0}th,td{padding:11px 12px;border-bottom:1px solid var(--fxs-border);text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--fxs-muted);background:color-mix(in srgb,var(--fxs-panel2) 86%, transparent)}tr:last-child td{border-bottom:0}input,textarea,select{width:100%;padding:11px 12px;border:1px solid var(--fxs-border);border-radius:12px;background:color-mix(in srgb,var(--fxs-panel) 96%, white 2%);color:var(--fxs-text);outline:none}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--fxs-accent) 55%, transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--fxs-accent) 14%, transparent)}textarea{min-height:96px}label{display:block;margin:12px 0;font-weight:700}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--fxs-accent);color:#fff!important;border:0;padding:10px 14px;border-radius:12px;font-weight:850;cursor:pointer}.btn.secondary,button.secondary{background:color-mix(in srgb,var(--fxs-panel) 96%, transparent);color:var(--fxs-text)!important;border:1px solid var(--fxs-border)}button:hover,.btn:hover{filter:brightness(1.04)}.alert{padding:12px 14px;border-radius:14px;margin:0 0 16px;border:1px solid var(--fxs-border)}.alert.ok{background:color-mix(in srgb,#ecfdf3 88%, var(--fxs-panel));color:#027a48}.alert.err{background:color-mix(in srgb,#fef3f2 88%, var(--fxs-panel));color:#b42318}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-height:420px}.search{display:flex;gap:8px;margin:12px 0}.search input{max-width:420px}.pill{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:900}.pill.ok{background:#ecfdf3;color:#027a48}.pill.ng{background:#fef3f2;color:#b42318}.pill.warn{background:#fffaeb;color:#b54708}pre{white-space:pre-wrap;font-size:12px}.bottomnav{display:none}.login-body{display:grid;place-items:center;min-height:100vh;background:radial-gradient(900px 600px at 20% 10%,rgba(124,58,237,.25),transparent 60%),radial-gradient(900px 600px at 85% 30%,rgba(34,197,94,.18),transparent 60%),#0b1020;color:#fff}.login-card{width:min(440px,92vw);background:rgba(255,255,255,.96);color:#101828;border-radius:26px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.32)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.login-card h1{margin:0}.login-card p{margin:4px 0 18px;color:#667085}.login-card button{width:100%;margin-top:8px}.login-card .check{font-weight:600}.login-card .brand-mark{color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media (max-width:1080px){.quick-search{display:none}.sidebar{width:282px}.topbar{padding:12px 16px}.content{padding:16px}}
@media (max-width:860px){body{padding-bottom:76px}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-106%);transition:transform .22s ease;width:min(86vw,320px);box-shadow:var(--fxs-shadow2)}body.nav-open .sidebar{transform:translateX(0)}body.nav-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:40}.sidebar-close{display:block}.burger{display:inline-flex}.topbar{display:flex}.topbar-right .qa{display:none}.content{padding:14px}.grid,.grid-form,.grid.two{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--fxs-panel) 88%, transparent);border-top:1px solid var(--fxs-border);backdrop-filter:blur(12px);z-index:35;gap:8px;overflow-x:auto}.bottomnav a{min-width:72px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 8px;border-radius:14px;color:var(--fxs-muted);font-size:11px;font-weight:850}.bottomnav a.active{color:var(--fxs-text);background:color-mix(in srgb,var(--fxs-accent) 16%, transparent)}.bottomnav span:first-child{font-size:18px}table{display:block;overflow-x:auto;white-space:nowrap}.head{align-items:flex-start;flex-direction:column}}
@media (max-width:520px){.cards{grid-template-columns:1fr}.card b{font-size:26px}.page-name{max-width:62vw}.login-card{padding:22px;border-radius:22px}}