:root{--nav:#111c32;--blue:#326de7;--soft:#edf3ff;--bg:#f5f7fb;--ink:#1d293d;--muted:#758298;--line:#e4eaf2;--green:#159968;--orange:#d98222;--red:#df5b5f;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--nav);color:#b9c4d8;display:flex;flex-direction:column;z-index:5}.brand{height:76px;padding:20px 22px;display:flex;align-items:center;gap:11px;color:#fff;font-size:19px;font-weight:750;border-bottom:1px solid #ffffff15}.mark{width:33px;height:33px;background:linear-gradient(145deg,#61a7ff,#2862d4);border-radius:10px;display:grid;place-items:center;box-shadow:0 8px 16px #0004}.caption{padding:17px 21px 7px;font-size:11px;letter-spacing:1px;color:#7f8eaa}.nav{padding:2px 11px}.nav a{border:0;background:transparent;color:#b8c3d7;width:100%;text-align:left;border-radius:9px;padding:10px 11px;margin:2px 0;font:600 14px inherit;display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none}.nav a:hover,.nav a.active{background:#ffffff15;color:#fff}.nav a.active{box-shadow:inset 3px 0 #5597ff}.nav i{font-style:normal;width:18px;text-align:center;font-size:16px}.sep{height:1px;background:#ffffff16;margin:13px 10px}.account{margin-top:auto;border-top:1px solid #ffffff16;padding:16px 20px;display:flex;align-items:center;gap:10px}.avatar{width:33px;height:33px;border-radius:50%;background:#f1bd94;color:#6d3c24;display:grid;place-items:center;font-weight:750;flex:none}.account b{color:#eaf0fa;display:block;font-size:13px}.account small{color:#8291aa}.main{margin-left:244px;width:calc(100% - 244px);padding:0 30px 38px}.top{height:76px;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:13px;color:#8491a5}.crumb b{color:#46566d}.tools{display:flex;gap:14px;align-items:center}.search{width:235px;background:#fff;border:1px solid var(--line);border-radius:8px;color:#8b99ac;padding:9px 11px}.search kbd{float:right;border:1px solid #e6ebf3;border-radius:4px;padding:0 4px;font-size:10px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin:8px 0 22px}.page-head h1{margin:0 0 4px;font-size:26px;letter-spacing:-.5px}.page-head p{margin:0;color:var(--muted)}.primary,.secondary{display:inline-block;text-decoration:none;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.primary{background:var(--blue);color:#fff;box-shadow:0 7px 15px #326de732}.secondary{background:var(--soft);color:#2560c7}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric,.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #1d31570a}.metric{padding:16px}.metric label{color:#76849a;font-size:13px}.metric strong{display:block;font-size:27px;margin:4px 0}.metric small{color:var(--green)}.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:18px;margin-top:19px}.panel-head{min-height:58px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel h2{font-size:15px;margin:0}.link{color:var(--blue);text-decoration:none;font-size:13px}.list{padding:5px 18px}.row{display:grid;grid-template-columns:58px 1fr 90px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.time,.muted{color:var(--muted);font-size:12px}.item{display:flex;gap:10px;min-width:0;align-items:center}.thumb{width:42px;height:32px;border-radius:6px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#d25176,#6541a9);flex:none}.thumb.alt{background:linear-gradient(135deg,#2d91bd,#234f89)}.item b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.state{display:inline-block;font-size:11px;border-radius:20px;padding:3px 8px;font-weight:700}.state.ok{background:#e6f8f0;color:#16865b}.state.wait{background:#fff2dc;color:#ad6906}.state.work{background:#e9f1ff;color:#2868d0}.state.off{background:#f2f4f7;color:#718095}.filters{padding:13px 18px;display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line)}.filter{padding:7px 10px;background:#fff;border:1px solid #e2e8f1;border-radius:7px;color:#66758b;font-size:12px}.filter.on{background:var(--soft);border-color:#c9daff;color:#2563ce}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#98a4b5;background:#fbfcfe;padding:10px 18px}td{padding:11px 18px;border-top:1px solid var(--line);color:#536178;font-size:13px}td b{color:#253650}.table{overflow:auto}.media{display:flex;align-items:center;gap:9px}.tiny{width:37px;height:29px;border-radius:5px;background:linear-gradient(135deg,#fb9e4d,#bb3c69);color:white;display:grid;place-items:center}.form{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:12px;color:#65748b;margin-bottom:6px;font-weight:650}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:9px 10px;background:#fff;color:#43546b;font:inherit}.textarea{height:84px;resize:vertical}.wide{grid-column:1/-1}.source-cards,.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px}.source,.column{border:1px solid var(--line);border-radius:9px;padding:14px}.source h3,.column h3{font-size:14px;margin:0 0 5px}.source p{margin:0 0 12px;color:var(--muted);font-size:12px}.check{color:var(--green);font-size:12px}.ticket{background:#f6f8fb;border:1px solid #e8edf4;border-radius:6px;padding:9px;margin:7px 0;font-size:12px}.ticket b{display:block;color:#3b4c65}.notice{margin:18px;padding:13px 15px;border-radius:8px;background:#fff7e3;border-left:4px solid #e3a12a;color:#8f651f}.settings{padding:0 18px 18px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.switch{width:36px;height:20px;border-radius:20px;background:var(--blue);padding:3px}.switch:after{content:"";display:block;background:#fff;width:14px;height:14px;border-radius:50%;margin-left:16px}.calendar{padding:14px 18px 19px;display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day{min-height:76px;border:1px solid var(--line);border-radius:7px;padding:7px;color:#8491a3;font-size:12px}.day.today{border-color:#91b7ff;background:#f5f8ff;color:#2868d0}.event{background:#e9f1ff;color:#2461c7;border-radius:4px;font-size:10px;padding:3px;margin-top:5px}.event.ad{background:#fff0dc;color:#a76300}.empty{padding:39px 20px;text-align:center;color:#8491a3}.empty strong{display:block;font-size:28px;color:#b0bac9;margin-bottom:6px}@media(max-width:980px){.sidebar{width:70px}.brand{padding:19px;justify-content:center}.brand span,.caption,.nav span,.account{display:none}.nav{padding:4px 9px}.nav a{justify-content:center}.main{margin-left:70px;width:calc(100% - 70px)}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.sidebar{display:none}.main{margin:0;width:100%;padding:0 14px 30px}.search{display:none}.grid{grid-template-columns:1fr}.metrics{gap:9px}.metric{padding:13px}.page-head h1{font-size:22px}.page-head{align-items:flex-start;gap:10px}.form,.columns,.source-cards{grid-template-columns:1fr}.calendar{gap:4px}.day{min-height:52px;padding:4px;font-size:10px}.event{font-size:8px;padding:2px}th:nth-child(4),td:nth-child(4),th:nth-child(5),td:nth-child(5){display:none}}