:root{--ff:"Inter",system-ui,sans-serif;--bg:#f9fafb;--surface:#ffffff;--surface2:#f3f4f6;--border:#e5e7eb;--border2:#d1d5db;--text:#111827;--text2:#6b7280;--text3:#9ca3af;--accent:#075985;--accent-l:#f0f9ff;--accent-b:#bae6fd;--green:#059669;--green-l:#ecfdf5;--green-b:#a7f3d0;--amber:#d97706;--amber-l:#fffbeb;--amber-b:#fde68a;--red:#dc2626;--red-l:#fef2f2;--red-b:#fecaca;--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow2:0 4px 6px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.04)}.dark{--bg:#0f172a;--surface:#1e293b;--surface2:#334155;--border:#334155;--border2:#475569;--text:#f1f5f9;--text2:#94a3b8;--text3:#64748b;--accent:#3b82f6;--accent-l:rgba(59,130,246,.1);--accent-b:rgba(59,130,246,.3);--green:#10b981;--green-l:rgba(16,185,129,.1);--green-b:rgba(16,185,129,.3);--amber:#f59e0b;--amber-l:rgba(245,158,11,.1);--amber-b:rgba(245,158,11,.3);--red:#ef4444;--red-l:rgba(239,68,68,.1);--red-b:rgba(239,68,68,.3);--shadow:0 1px 3px rgba(0,0,0,.3);--shadow2:0 4px 6px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--ff);font-size:16px;line-height:1.6;transition:background .2s,color .2s}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1 1;padding:20px 24px;overflow-x:hidden}.topbar{background:#0c4a6e;border-bottom:1px solid rgba(255,255,255,.1);padding:0 20px;justify-content:space-between;height:52px;position:-webkit-sticky;position:sticky;top:0;z-index:50;gap:12px}.topbar,.topbar-right{display:flex;align-items:center}.topbar-right{gap:6px}.sb-logo{width:30px;height:30px;background:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#0c4a6e;font-weight:800;font-size:15px;flex-shrink:0;letter-spacing:-.5px}.brand-name{font-size:14px;font-weight:700;color:#fff;letter-spacing:.3px;margin-right:6px}.nav-tabs{display:flex;align-items:center;gap:2px;margin-left:4px}.ntab{padding:5px 13px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;color:rgba(255,255,255,.65);border:none;background:none;font-family:var(--ff);transition:all .15s;white-space:nowrap}.ntab:hover{background:rgba(255,255,255,.1);color:#fff}.ntab.on{background:rgba(255,255,255,.15);color:#fff}.status-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:5px 20px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text3);transition:background .2s,border-color .2s}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.arc-chip{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.arc-ok{background:var(--green-l);color:var(--green)}.arc-warn{background:var(--amber-l);color:var(--amber)}.arc-urgent{background:var(--red-l);color:var(--red)}.tp{display:flex;gap:2px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:3px}.tpb{padding:5px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;color:rgba(255,255,255,.65);border:none;background:none;font-family:var(--ff)}.tpb.on{background:rgba(255,255,255,.18);color:#fff;box-shadow:none}.icon-btn{width:30px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .15s;color:rgba(255,255,255,.75)}.icon-btn:hover{border-color:rgba(255,255,255,.5);color:#fff}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.theme-toggle{width:30px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s}.theme-toggle:hover{border-color:rgba(255,255,255,.5)}.vdiv{width:1px;height:18px;background:rgba(255,255,255,.2);margin:0 2px}.ttt-link{font-size:17px;font-weight:600;color:var(--accent);cursor:pointer;background:none;border:none;font-family:var(--ff);padding:0;display:inline-flex;align-items:center;gap:6px}.ttt-link:hover{text-decoration:underline}.kg{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.kc{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;box-shadow:var(--shadow);transition:background .2s,border-color .2s}.kl{font-size:15px;font-weight:500;color:var(--text2);margin-bottom:8px;display:flex;align-items:center;gap:6px}.kv{font-size:30px;font-weight:700;color:var(--text);letter-spacing:-.5px}.kv.cg{color:var(--green)}.kv.ca{color:var(--amber)}.kv.cr{color:var(--red)}.kv.cb{color:var(--accent)}.ks{font-size:15px;color:var(--text3);margin-top:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow);transition:background .2s,border-color .2s}.card-title{font-size:17px;font-weight:600;color:var(--text);margin-bottom:2px}.card-sub{font-size:15px;color:var(--text2);margin-bottom:16px}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:16px;gap:16px}.tcard,.two-col{margin-bottom:20px}.tcard{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.thdr{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.ttt{font-size:17px;font-weight:600}.srch,.ttt{color:var(--text)}.srch{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:15px;width:200px;font-family:var(--ff);outline:none;transition:border-color .15s}.srch:focus{border-color:var(--accent)}.srch::placeholder{color:var(--text3)}table{width:100%;border-collapse:collapse}.tcard{overflow-x:auto}th{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#fff;padding:10px 16px;text-align:left;border-bottom:none;white-space:nowrap;background:var(--accent)}td{padding:12px 16px;font-size:15px;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:middle}tr:last-child td{border-bottom:none}tr.cl{cursor:pointer}tr.cl:hover td{background:var(--surface2)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:15px;font-weight:600}.bg{background:var(--green-l);color:var(--green)}.ba{background:var(--amber-l);color:var(--amber)}.br{background:var(--red-l);color:var(--red)}.bb,.tag{background:var(--accent-l);color:var(--accent)}.tag{border:1px solid var(--accent-b);padding:3px 9px;border-radius:6px;font-size:13px;font-weight:500;display:inline-block;margin:2px 2px 2px 0;cursor:pointer;transition:all .15s}.tag:hover{background:var(--accent);color:#fff}.dpr{display:grid;grid-template-columns:minmax(80px,28%) 1fr 100px;grid-gap:12px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.dpr:last-child{border-bottom:none}.dpr-name{font-size:15px;font-weight:500;color:var(--text);cursor:pointer}.dpr-name:hover{color:var(--accent)}.bw{background:var(--surface2);height:6px;overflow:hidden}.bf,.bw{border-radius:4px}.bf{height:100%;transition:width .3s}.ph{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 24px 18px;margin:-20px -24px 24px;transition:background .2s,border-color .2s}.ph-bc{display:flex;align-items:center;gap:2px;font-size:12px;margin-bottom:10px;flex-wrap:wrap}.ph-bc-sep{color:var(--text3);padding:0 4px}.ph-bc-link{color:var(--accent);cursor:pointer;background:none;border:none;font-size:12px;font-family:var(--ff);padding:0;line-height:1}.ph-bc-link:hover{text-decoration:underline}.ph-bc-cur{color:var(--text2);font-size:12px}.ph-tr{gap:14px}.ph-icon,.ph-tr{display:flex;align-items:center}.ph-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-l);color:var(--accent);justify-content:center;flex-shrink:0;border:1px solid var(--accent-b)}.ph-h1{font-size:21px;font-weight:700;color:var(--text);line-height:1.2;margin:0}.ph-s{font-size:13px;color:var(--text2);margin:3px 0 0}.ni-icon{width:18px;height:18px;flex-shrink:0}.ld{display:flex;align-items:center;justify-content:center;height:180px;color:var(--text2);font-size:15px;gap:10px}.sp{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.sync-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sync-card,.sync-overlay{display:flex;align-items:center}.sync-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px 48px;flex-direction:column;gap:18px;box-shadow:0 20px 60px rgba(0,0,0,.25);min-width:280px}.sync-card-title{font-size:17px;font-weight:600;color:var(--text)}.sync-card-sub{font-size:14px;color:var(--text2)}.sp-lg{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.err{background:var(--red-l);border:1px solid var(--red-b);border-radius:10px;padding:14px 18px;color:var(--red);font-size:15px;margin-bottom:20px}.tt{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;box-shadow:var(--shadow2)}.tt,.ttl{font-size:13px}.ttl{color:var(--text2);margin-bottom:6px;font-weight:600}.ttr{display:flex;justify-content:space-between;gap:16px;margin-top:4px;font-size:15px}.ttk{color:var(--text2)}.ttv{font-weight:600}.divider{height:1px;background:var(--border);margin:16px 0}.sdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sdot-g{background:var(--green)}.sdot-a{background:var(--amber)}.sdot-r{background:var(--red)}.sdot-x{background:var(--border2)}.mgrid{margin-top:8px}.mgrid,.mrow{display:grid;grid-gap:2px;gap:2px}.mrow{align-items:center}.mcell{padding:7px 10px;border-radius:4px;font-size:15px;font-weight:600;text-align:center;min-width:56px}.mcell-g{background:var(--green-l);color:var(--green)}.mcell-a{background:var(--amber-l);color:var(--amber)}.mcell-r{background:var(--red-l);color:var(--red)}.mcell-empty{color:var(--text3);text-align:center}