:root{
  --bg:#f7f8fb;--panel:rgba(255,255,255,.78);--panel-strong:#fff;--text:#24242a;--muted:#7c7f89;
  --line:rgba(25,25,28,.08);--accent:#f6a623;--accent2:#ffc65a;--accent-soft:#fff4df;
  --danger:#e95858;--danger-soft:#fff0f0;--ok:#46a978;--ok-soft:#ecfaf3;--warn:#e9a23b;--warn-soft:#fff7e8;
  --info:#5e87d8;--info-soft:#edf4ff;--shadow:0 16px 50px rgba(38,41,54,.10);--r:22px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--text);background:linear-gradient(135deg,#fafbfc,#f5f6fb 48%,#fffaf2);}
body{overflow-x:hidden}.bg-orb{position:fixed;filter:blur(8px);pointer-events:none;z-index:0;border-radius:999px;opacity:.45}.orb-1{width:420px;height:420px;background:radial-gradient(circle,#ffd98b 0,#fff2d4 45%,transparent 72%);right:-120px;top:-100px}.orb-2{width:380px;height:380px;background:radial-gradient(circle,#dce9ff 0,#eef5ff 45%,transparent 72%);left:-110px;bottom:-100px}
#app{position:relative;z-index:1;min-height:100vh}.glass{background:var(--panel);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow)}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:56px clamp(32px,6vw,110px);gap:56px}.brand-hero{padding:48px}.brand-mark{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#fff;font-size:28px;font-weight:800;box-shadow:0 14px 28px rgba(246,166,35,.28)}.brand-hero h1{font-size:clamp(42px,5vw,76px);line-height:1.05;margin:28px 0 18px;letter-spacing:-2px}.brand-hero p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.8}.login-card{max-width:520px;width:100%;justify-self:end;padding:34px;border-radius:30px}.login-card h2{margin:0 0 8px;font-size:28px}.login-card .sub{color:var(--muted);margin-bottom:28px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field label{font-size:13px;color:#666973;font-weight:600}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.92);border-radius:14px;padding:13px 14px;font-size:14px;outline:none;transition:.2s}.textarea{min-height:96px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:rgba(246,166,35,.65);box-shadow:0 0 0 4px rgba(246,166,35,.10)}.btn{border:0;border-radius:14px;padding:12px 17px;font-weight:700;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 10px 22px rgba(246,166,35,.22)}.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-wide{width:100%;margin-top:8px;padding:14px}
.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{margin:18px 0 18px 18px;border-radius:26px;padding:18px;display:flex;flex-direction:column;gap:14px;min-height:calc(100vh - 36px);position:sticky;top:18px;height:calc(100vh - 36px);transition:.25s}.sidebar.collapsed{width:82px}.sidebar-head{display:flex;align-items:center;gap:12px;padding:6px}.mini-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#fff;font-weight:800;flex:none}.sidebar-title{min-width:0}.sidebar-title b{display:block;font-size:15px}.sidebar-title span{color:var(--muted);font-size:11px}.nav{display:flex;flex-direction:column;gap:7px;margin-top:8px}.nav-btn{width:100%;border:0;background:transparent;border-radius:14px;padding:12px 13px;display:flex;align-items:center;gap:11px;color:#5b5e67;cursor:pointer;font-weight:600;text-align:left}.nav-btn:hover,.nav-btn.active{background:rgba(246,166,35,.11);color:#b66d00}.nav-icon{width:24px;text-align:center;font-size:16px}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.main{padding:18px 24px 40px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.topbar-left h2{margin:0;font-size:24px}.topbar-left p{margin:5px 0 0;color:var(--muted);font-size:13px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;font-size:20px}.search{min-width:240px;position:relative}.search .input{padding-left:38px;margin:0}.search::before{content:"⌕";position:absolute;left:14px;top:10px;color:#9699a1;font-size:20px}.content{display:flex;flex-direction:column;gap:16px}.card{border-radius:var(--r);padding:20px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.metric{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(38,41,54,.06);cursor:pointer}.metric:hover{transform:translateY(-2px);transition:.2s}.metric span{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:30px;margin-top:8px}.metric small{color:#a1a4ac}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h3{margin:0;font-size:17px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;background:#f1f2f5;color:#666}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.warn{background:var(--warn-soft);color:#b57416}.chip.danger{background:var(--danger-soft);color:var(--danger)}.chip.info{background:var(--info-soft);color:var(--info)}.chip.gray{background:#f0f1f3;color:#8b8e96}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.entity-card{position:relative;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(38,41,54,.055)}.entity-card.gray{opacity:.62;filter:saturate(.5)}.entity-card .title{font-size:18px;font-weight:800;margin:8px 0 4px}.entity-card .meta{font-size:12px;color:var(--muted);line-height:1.7}.entity-card .data-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;margin-top:14px}.kv{background:#fafafa;border:1px solid #f0f0f2;border-radius:12px;padding:10px}.kv label{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.kv b{font-size:12px}.more{position:absolute;right:14px;top:13px;border:0;background:transparent;font-size:22px;cursor:pointer;color:#8c8f96}.bottom-action{margin-top:14px}.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--line);background:#fff}.table{width:100%;border-collapse:collapse;min-width:880px}.table th,.table td{padding:12px 14px;border-bottom:1px solid #f0f1f3;text-align:left;font-size:12px;vertical-align:middle}.table th{background:#fafafa;color:#777b84;font-weight:700;position:sticky;top:0}.table tr:last-child td{border-bottom:0}.status-red{background:#fff1f1!important}.status-gray{background:#f5f5f6!important;color:#999}.action-row{display:flex;gap:6px}.tiny{border:0;border-radius:10px;padding:7px 9px;font-size:11px;font-weight:700;cursor:pointer}.tiny.ok{background:var(--ok-soft);color:var(--ok)}.tiny.no{background:var(--danger-soft);color:var(--danger)}.tiny.ghost{background:#f3f4f6;color:#666}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 13px;cursor:pointer;font-weight:700;font-size:12px}.tab.active{background:var(--accent-soft);color:#b56c00;border-color:#f6d39a}.empty{padding:40px 18px;text-align:center;color:var(--muted)}
.calendar-head{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.calendar-head div{text-align:center;color:var(--muted);font-size:11px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{min-height:104px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:16px;padding:10px;cursor:pointer}.day.muted{opacity:.35}.day-num{font-size:12px;font-weight:800}.day-events{display:flex;flex-direction:column;gap:5px;margin-top:7px}.event-dot{padding:5px 7px;border-radius:8px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#eef4ff}.event-dot.danger{background:var(--danger-soft);color:var(--danger)}
.modal-backdrop{position:fixed;inset:0;background:rgba(22,24,30,.36);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(860px,96vw);max-height:88vh;overflow:auto;border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 25px 80px rgba(21,23,30,.22);border:1px solid rgba(255,255,255,.9)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);z-index:2}.modal-head h3{margin:0}.modal-body{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.form-grid .full{grid-column:1/-1}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line);position:sticky;bottom:0;background:rgba(255,255,255,.96)}.readonly{background:#f1f2f4!important;color:#9699a1!important}.tag-input-row{display:flex;gap:8px}.tag-box{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.tag-pill{background:#fff4df;border:1px solid #f6d59f;border-radius:999px;padding:6px 10px;font-size:11px;color:#9d630d}.toast-root{position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;gap:8px;z-index:40}.toast{background:#24262d;color:#fff;border-radius:14px;padding:12px 15px;box-shadow:var(--shadow);font-size:12px}.danger-text{color:var(--danger)}.hint{font-size:11px;color:var(--muted);line-height:1.6}.pill-menu{position:absolute;right:12px;top:42px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:var(--shadow);z-index:5;min-width:130px}.pill-menu button{width:100%;border:0;background:transparent;text-align:left;padding:9px;border-radius:9px;cursor:pointer;font-size:12px}.pill-menu button:hover{background:#f6f6f8}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.entity-grid{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-card{justify-self:start}.brand-hero{padding:10px 0}.brand-hero h1{font-size:48px}}
@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;min-height:auto;margin:10px;top:0}.main{padding:10px}.metric-grid,.grid-2,.grid-3,.entity-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.toolbar{width:100%}.search{min-width:0;flex:1}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.login-page{padding:26px}.brand-hero{display:none}.calendar{gap:4px}.day{min-height:80px;padding:7px}}