:root{--bg:#f5f6f8;--panel:#fff;--text:#1c2430;--muted:#6b7684;--line:#e1e5ea;--accent:#1f5f99;--accent-soft:#e6eef7;--danger:#b3261e;--danger-soft:#fbeaea;--row-hover:#f2f5f9;--shadow:0 8px 24px #141e2d1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--bg:#14181d;--panel:#1c2128;--text:#e3e7ec;--muted:#8d97a3;--line:#2d343d;--accent:#6aa7e0;--accent-soft:#22303f;--danger:#f2a39c;--danger-soft:#3a2323;--row-hover:#232a33;--shadow:0 8px 24px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}a{color:var(--accent)}h1{margin:0;font-size:20px;font-weight:600}h2{margin:0;font-size:16px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.pad{padding:16px}.spacer{flex:1}.error{background:var(--danger-soft);color:var(--danger);border-radius:6px;margin:8px 0;padding:8px 12px}button,input,textarea{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:6px;padding:6px 12px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:8px 16px}.icon-btn{background:0 0;border:none;padding:4px 8px;font-size:16px}.link-btn{color:var(--accent);background:0 0;border:none;padding:4px 8px}input,textarea{border:1px solid var(--line);background:var(--panel);border-radius:6px;width:100%;padding:7px 10px}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}input.check{width:auto}button.danger{color:var(--danger);border-color:var(--danger)}.splash{height:100%;color:var(--muted);place-items:center;font-size:24px;display:grid}.login{place-items:center;min-height:100%;padding:16px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:14px;padding:24px;display:flex}.login-title{align-items:center;gap:12px;display:flex}.login-card label{color:var(--muted);flex-direction:column;gap:6px;display:flex}.login-card label input{color:var(--text)}.shell{grid-template:"top top"48px"nav main"1fr/280px 1fr;height:100%;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--line);grid-area:top;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.brand{margin-right:8px;font-weight:700;text-decoration:none}.topbar-title{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.user{color:var(--muted);white-space:nowrap}.nav-toggle{display:none}.sidebar{background:var(--panel);border-right:1px solid var(--line);grid-area:nav;padding:8px 0;overflow:auto}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar ul ul{padding-left:12px}.sidebar a{color:var(--text);border-radius:6px;margin:1px 8px;padding:6px 16px;text-decoration:none;display:block}.sidebar a:hover{background:var(--row-hover)}.sidebar a.active{background:var(--accent-soft);color:var(--accent)}.sidebar .sep{border-top:1px solid var(--line);margin:6px 16px}.nav-head{text-transform:uppercase;color:var(--muted);padding:8px 16px 4px;font-size:12px}.nav-group>summary{cursor:pointer;color:var(--muted);padding:6px 16px;font-weight:600}.content{grid-area:main;min-width:0;overflow:auto}.home{max-width:720px;padding:24px}.home p{line-height:1.5}.table-screen{flex-direction:column;min-width:0;height:100%;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.search{width:280px;max-width:100%}.table-screen>.error{margin:0 16px 8px}.grid-wrap{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex:1;margin:0 16px;overflow:auto}.grid{border-collapse:collapse;width:100%}.grid th,.grid td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:7px 10px}.grid th{background:var(--panel);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);z-index:1;font-weight:600;position:sticky;top:0}.grid td{text-overflow:ellipsis;max-width:420px;overflow:hidden}.grid .num{text-align:right;font-variant-numeric:tabular-nums}.grid tbody tr{cursor:pointer}.grid tbody tr:hover{background:var(--row-hover)}.grid tbody tr.selected{background:var(--accent-soft)}.grid .empty{text-align:center;cursor:default;padding:24px}.sort{color:var(--accent)}.pager{justify-content:center;align-items:center;gap:12px;padding:10px 16px;display:flex}.card{background:var(--panel);border-left:1px solid var(--line);width:420px;max-width:100%;box-shadow:var(--shadow);z-index:10;position:fixed;top:48px;bottom:0;right:0;overflow:auto}.card-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 16px;display:flex}.card-head h2{overflow-wrap:anywhere;flex:1;min-width:0}.card dl{margin:0;padding:8px 16px 16px}.card-field{border-bottom:1px solid var(--line);padding:8px 0}.card-field dt{color:var(--muted);margin-bottom:2px;font-size:12px}.card-field dd{overflow-wrap:anywhere;margin:0}@media (width<=760px){.shell{grid-template-columns:1fr;grid-template-areas:"top""main"}.nav-toggle{display:inline-block}.sidebar{z-index:20;width:280px;max-width:85%;box-shadow:var(--shadow);transition:transform .2s;position:fixed;top:48px;bottom:0;left:0;transform:translate(-100%)}.nav-open .sidebar{transform:none}.brand{display:none}.search{width:100%}.grid-wrap{margin:0 8px}}.web-screen{padding:16px}.web-module{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.web-module input{width:auto;min-width:200px}.web-module p{flex-basis:100%}.card-actions{gap:8px;padding:0 16px 16px;display:flex}.card-error{margin:0 16px 12px}.toasts{z-index:30;flex-direction:column;gap:8px;width:360px;max-width:calc(100% - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);box-shadow:var(--shadow);border-radius:8px;padding:10px 36px 10px 12px;line-height:1.4;position:relative}.toast .icon-btn{color:var(--muted);font-size:13px;position:absolute;top:4px;right:4px}.toast-warning{border-left-color:#c77d00}.toast-confirm{border-left-color:var(--muted)}.toast-title{margin-bottom:2px;font-weight:600}.progress-bar{z-index:30;background:var(--panel);border:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow);border-radius:16px;padding:4px 14px;font-size:12px;position:fixed;top:56px;left:50%;transform:translate(-50%)}.reload-banner{z-index:31;background:var(--accent);color:#fff;box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.reload-banner button{color:var(--accent);background:#fff;border:none}