:root{--bg:#060a16;--panel:rgba(17,25,45,.72);--line:rgba(90,130,200,.18);--line2:rgba(90,130,200,.32);--text:#eaf1ff;--mute:#93a6cc;--cyan:#41eaff;--blue:#3b82f6;--green:#41ff9d;}
*{box-sizing:border-box;}
body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 15% -10%,rgba(59,130,246,.16),transparent 60%),radial-gradient(1000px 500px at 100% 0%,rgba(65,234,255,.10),transparent 55%),var(--bg);min-height:100vh;}
.wrap{max-width:1536px;margin:0 auto;padding:20px 26px 40px;}
.cmdbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 2px 18px;}
.brand h1{margin:0;font-size:26px;font-weight:900;letter-spacing:.5px;background:linear-gradient(90deg,#fff,#9fd8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.brand .sub{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.22em;}
.cmdmid{display:flex;gap:26px;align-items:center;color:var(--mute);font-size:13px;font-weight:600;}
.cmdmid .on{color:var(--green);} .cmdmid .live{color:var(--cyan);}
.owner{display:flex;align-items:center;gap:10px;color:var(--text);}
.owner .badge{width:42px;height:42px;border-radius:50%;border:1px solid var(--cyan);display:flex;align-items:center;justify-content:center;color:var(--cyan);font-weight:800;}
.owner .r{text-align:right;font-size:12px;} .owner .r b{display:block;font-size:14px;}
.nav{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 18px;}
.nav a{display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;border:1px solid var(--line);color:var(--mute);text-decoration:none;font-weight:700;font-size:13.5px;background:rgba(17,25,45,.5);}
.nav a.active{background:linear-gradient(90deg,var(--blue),#13b9d4);color:#fff;border-color:transparent;}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px;}
.kpi{position:relative;background:linear-gradient(160deg,rgba(24,34,60,.8),rgba(12,18,34,.8));border:1px solid var(--line);border-radius:14px;padding:16px 16px 14px;overflow:hidden;}
.kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cyan),var(--blue));}
.kpi.clickable{cursor:pointer;transition:transform .12s ease,border-color .12s ease;}
.kpi.clickable:hover{transform:translateY(-2px);border-color:var(--line2);}
.kpi .lbl{color:var(--mute);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;display:flex;align-items:center;gap:6px;}
.kpi .val{font-size:30px;font-weight:900;margin:8px 0 10px;}
.kpi .pbadge{position:absolute;top:14px;right:14px;font-size:10.5px;font-weight:700;display:flex;align-items:center;gap:5px;}
.kpi .pbadge .dot{width:7px;height:7px;border-radius:50%;background:var(--mute);display:inline-block;}
.kpi .track{height:4px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--blue));opacity:.5;}
.grid{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:16px;align-items:start;}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 18px;backdrop-filter:blur(6px);margin-bottom:16px;}
.phead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.phead .t{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;}
.phead .t .dot{width:8px;height:8px;border-radius:50%;background:var(--green);}
.phead .link,.link{color:var(--cyan);text-decoration:none;font-size:12.5px;font-weight:700;}
.pbadge2{font-size:10.5px;font-weight:700;color:var(--mute);display:flex;align-items:center;gap:5px;}
.pbadge2 .dot{width:7px;height:7px;border-radius:50%;background:var(--mute);}
.empty{text-align:center;padding:36px 12px;color:var(--mute);}
.empty .ico{width:54px;height:54px;border-radius:50%;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px;opacity:.7;}
.empty .big{color:var(--text);font-weight:700;font-size:15px;margin-bottom:4px;}
.empty .small{font-size:12.5px;}
table{width:100%;border-collapse:collapse;font-size:13px;}
thead th{text-align:left;color:var(--mute);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;border-bottom:1px solid var(--line2);}
tbody td{padding:9px 10px;border-bottom:1px solid var(--line);}
.feedRow{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line);}
.avatar{width:38px;height:38px;border-radius:50%;background:rgba(65,234,255,.12);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--cyan);font-size:13px;}
.feedMain{flex:1;} .feedName{font-weight:700;} .feedSub{color:var(--mute);font-size:12px;}
.feedTimer{font-family:ui-monospace,monospace;font-weight:700;} .feedTag{color:var(--green);font-size:11px;text-align:right;}
.engineRow{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line);}
.engineRow .en{flex:1;} .engineRow .st{color:var(--mute);font-size:12.5px;display:flex;align-items:center;gap:6px;}
.engineRow .st .dot{width:7px;height:7px;border-radius:50%;background:var(--mute);}
.legend{display:flex;gap:22px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--mute);}
.legend .k{display:flex;align-items:center;gap:7px;} .legend .k b{color:var(--text);font-weight:700;}
.legend .k .dot{width:9px;height:9px;border-radius:50%;}
.footer{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:16px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(17,25,45,.5);color:var(--mute);font-size:12px;}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;color:var(--mute);}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr);}.grid{grid-template-columns:1fr;}}

/* ── shared appointment calendar ── */
.calhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.caltitle{font-size:18px;font-weight:800;}
.calnav{background:rgba(65,234,255,.08);border:1px solid var(--line2);color:var(--cyan);border-radius:10px;width:38px;height:38px;font-size:20px;cursor:pointer;}
.calgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
.calgrid--dow{margin-bottom:6px;}
.caldow{text-align:center;color:var(--mute);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;}
.calcell{min-height:64px;border:1px solid var(--line);border-radius:10px;padding:6px 8px;position:relative;background:rgba(10,17,32,.5);}
.calcell--empty{background:transparent;border:none;}
.calcell--today{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan) inset;}
.calcell--has{background:rgba(65,234,255,.06);}
.calnum{font-size:12px;color:var(--mute);}
.caldot{position:absolute;right:8px;bottom:8px;background:linear-gradient(90deg,var(--blue),#13b9d4);color:#fff;font-size:11px;font-weight:800;border-radius:999px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0 5px;}
.callist{margin-top:20px;}
.callist__h{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);font-weight:700;margin-bottom:10px;}
.calcard{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px;background:rgba(10,17,32,.5);}
.calcard__name{font-weight:700;} .calcard__num{color:var(--mute);font-weight:400;}
.calcard__when{font-size:12.5px;color:var(--mute);margin-top:2px;}
.calcard__reason{font-size:12px;color:var(--mute);margin-top:4px;}
.calcard__btns{display:flex;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end;}
.calbtn{font-size:12px;font-weight:700;text-decoration:none;padding:7px 11px;border-radius:8px;border:1px solid var(--line2);color:var(--cyan);white-space:nowrap;}
.calbtn--g{background:linear-gradient(90deg,#246bff,#13b9d4);color:#fff;border-color:transparent;}
.calempty{text-align:center;padding:32px 12px;color:var(--mute);}
.calempty__ico{font-size:28px;opacity:.7;margin-bottom:8px;}
.calempty__big{color:var(--text);font-weight:700;font-size:15px;}
.calempty__small{font-size:12.5px;margin-top:3px;}