:root{
      color-scheme:dark;
      --bg:#07111f;--bg2:#0d1728;--panel:#101c31;--panel2:#162640;--line:#223554;--text:#eef3ff;--muted:#98a8c9;
      --brand:#94a7ff;--brand2:#b28cff;--ok:#3ad58a;--warn:#ffbb55;--bad:#ff7a7a;--shadow:0 18px 42px rgba(0,0,0,.28);--radius:20px;
      --sidebar:276px;--detail:clamp(430px,29vw,560px);
    }
    body.light{color-scheme:light;--bg:#f2f5fb;--bg2:#e9eff8;--panel:#ffffff;--panel2:#f7faff;--line:#d7e1ef;--text:#132033;--muted:#66768f;--brand:#315fff;--brand2:#7c3aed;--ok:#067647;--warn:#b54708;--bad:#b42318;--shadow:0 16px 34px rgba(16,24,40,.08)}
    *{box-sizing:border-box} html,body{height:100%;background:var(--bg)}
    html{background:var(--bg);color-scheme:dark}
    body{margin:0;font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top right, rgba(148,167,255,.15), transparent 24%), var(--bg);color:var(--text);overflow-y:scroll;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
    button,input,select,textarea{font:inherit} a{color:inherit;text-decoration:none}
    .hidden{display:none!important}
    .modal-overlay{position:fixed;inset:0;display:none;place-items:center;background:rgba(3,9,18,.58);backdrop-filter:blur(10px);z-index:12000;padding:18px}
    .modal-overlay.open{display:grid}
    .modal-card{width:min(100%,480px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(11,18,31,.985),rgba(8,18,33,.995));box-shadow:0 28px 56px rgba(0,0,0,.42);overflow:hidden}
    .modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}
    .modal-title{font-size:18px;font-weight:900;letter-spacing:-.01em}.modal-sub{margin-top:4px;color:var(--muted);font-size:12px}
    .modal-body{padding:18px 20px;color:var(--text);line-height:1.5;white-space:pre-wrap}
    .modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:0 20px 20px}
    body.light .modal-overlay{background:rgba(148,163,184,.22);backdrop-filter:blur(8px)}
    body.light .modal-card{background:linear-gradient(180deg,#ffffff,#f6f8fc);border-color:#cfd8e6;box-shadow:0 22px 48px rgba(15,23,42,.16)}
    body.light .modal-head{background:rgba(255,255,255,.94)}
    body.light .modal-body{color:#132033}
    body.light .modal-sub{color:#66768f}
    body.light .btn.bad{background:linear-gradient(180deg,rgba(180,35,24,.08),rgba(180,35,24,.12));border-color:rgba(180,35,24,.28);color:#8f1d1d;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
    body.light .btn.bad:hover{background:linear-gradient(180deg,rgba(180,35,24,.11),rgba(180,35,24,.15))}
    body.light .notif-menu{background:linear-gradient(180deg,#ffffff,#f6f8fc)}
    body.light .notif-badge{border-color:#fff}
    .boot{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at top right, rgba(148,167,255,.12), transparent 24%), var(--bg);z-index:9999}
    .boot-card{min-width:320px;padding:28px 32px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:var(--shadow);text-align:center}
    .boot-spin{width:30px;height:30px;border-radius:999px;border:3px solid rgba(148,167,255,.18);border-top-color:var(--brand);margin:0 auto 16px;animation:bootspin .9s linear infinite}
    .boot-title{font-size:18px;font-weight:900;margin-bottom:4px}
    .boot-sub{color:var(--muted)}
    @keyframes bootspin{to{transform:rotate(360deg)}}
    .app{min-height:100vh}
    .shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;background:var(--bg)}
    .sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:18px 14px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),rgba(255,255,255,.015));display:flex;flex-direction:column;gap:12px;min-width:var(--sidebar)}
    .brand{padding:16px 14px 10px;display:grid;gap:12px}.brand h1{margin:0;font-size:22px;letter-spacing:-.02em}.brand p{margin:6px 0 0;color:var(--muted);font-size:12px}
    .brand-mark{display:flex;align-items:center;justify-content:flex-start;min-height:72px}
    .brand-mark img{width:min(100%,190px);height:auto;display:block;opacity:1;mix-blend-mode:normal;filter:none}
    body.light .brand-mark img{opacity:1;mix-blend-mode:normal;filter:brightness(0) saturate(100%) contrast(1.06)}
    .nav{display:grid;gap:8px}.nav-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--text);text-align:left;font-weight:800;cursor:pointer;min-width:0}.nav-label{display:flex;align-items:center;gap:11px;min-width:0}.nav-copy{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:rgba(226,232,255,.72);flex:0 0 18px;transition:none!important}.nav-icon svg{display:block;width:18px;height:18px}.nav-btn.active .nav-icon{color:rgba(226,232,255,.96)}.nav-badge{margin-left:auto;flex:0 0 auto;min-width:28px;justify-content:center;padding:4px 9px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04));border-color:rgba(255,255,255,.09);color:var(--text)}.nav-btn:hover .nav-icon,.nav-btn:focus-visible .nav-icon{color:rgba(226,232,255,.9)}.nav-btn.active{background:linear-gradient(180deg,rgba(148,167,255,.16),rgba(148,167,255,.08));border-color:rgba(148,167,255,.22)}
    .sidebar-footer{margin-top:auto;display:grid;gap:10px;padding:16px 10px 10px;min-width:0}
    .sidebar-status,.session-chip{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:16px;border:1px solid rgba(148,167,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.016));box-shadow:inset 0 1px 0 rgba(255,255,255,.024);min-width:0;max-width:100%;backdrop-filter:blur(10px)}
    .sidebar-status .who,.session-chip .who{font-size:12px;font-weight:850;line-height:1.2;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;letter-spacing:.01em}
    .sidebar-status .meta,.session-chip .meta{font-size:10px;color:var(--muted);line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;opacity:.9}
    .sidebar-status .dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--ok);margin-right:8px;vertical-align:middle;box-shadow:0 0 0 3px rgba(58,213,138,.08)}.session-chip .who{display:flex;align-items:center;gap:8px}.session-chip .who::before{content:"";width:8px;height:8px;border-radius:999px;background:rgba(148,167,255,.82);box-shadow:0 0 0 3px rgba(148,167,255,.07);flex:0 0 auto}
    .sidebar-status.syncing .dot{background:var(--brand);box-shadow:0 0 0 3px rgba(148,167,255,.10)}
    .sidebar-status.error .dot{background:var(--bad);box-shadow:0 0 0 3px rgba(255,122,122,.10)}
    .main{display:grid;grid-template-rows:76px 1fr;min-width:0;background:var(--bg)}
    .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(7,17,31,.34);backdrop-filter:blur(14px);gap:16px} body.light .topbar{background:rgba(255,255,255,.74)}
    .top-left{display:flex;align-items:center;gap:14px;min-width:0;justify-self:start}
    .top-title h2{margin:0;font-size:24px;letter-spacing:-.02em}.top-title .sub{display:none}
    .top-center{display:flex;align-items:center;justify-content:center;min-width:0;justify-self:center;z-index:2}
    .top-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;min-height:44px;min-width:0;position:relative;justify-self:end}
    .top-actions > *{flex:0 0 auto;min-width:0}
    .search-trigger{min-width:280px;max-width:460px;width:min(42vw,460px);justify-content:flex-start;padding-inline:14px 16px;background:rgba(255,255,255,.03)}
    .search-trigger .ico{opacity:.75}
    .btn.icon.soft{background:transparent;border-color:transparent}
    .btn.icon.soft:hover{background:rgba(255,255,255,.05);border-color:var(--line)}
    .notif-wrap{position:relative;display:flex;align-items:center;z-index:20000}
    .notif-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}
    .notif-badge.hidden{display:none}
    .notif-menu{position:fixed;top:74px;left:auto;right:18px;width:min(420px,calc(100vw - 32px));max-height:min(72vh,640px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(11,18,31,.985),rgba(8,18,33,.995));box-shadow:0 26px 54px rgba(0,0,0,.38);display:none;z-index:2147483000;isolation:isolate}
    .notif-menu.open{display:block}.modal-overlay.open ~ .notif-menu{display:none}.notif-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 12px}.notif-title{font-weight:900}.notif-list{display:grid;gap:10px}.notif-item{padding:12px 13px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .18s ease;text-align:left;position:relative}.notif-item.read{opacity:.78}.notif-item:hover{border-color:rgba(148,167,255,.3);background:rgba(255,255,255,.05);box-shadow:0 8px 18px rgba(17,24,39,.10)}.notif-item.unread{border-color:rgba(148,167,255,.34);box-shadow:inset 0 0 0 1px rgba(148,167,255,.14)}.notif-item-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;align-items:flex-start}.notif-item-title{font-weight:800;line-height:1.35}.notif-item-meta{font-size:12px;color:var(--muted);white-space:nowrap}.notif-item-sub{font-size:12px;color:var(--muted);line-height:1.45}.notif-item-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:8px}.notif-empty{padding:16px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center}.activity-row{cursor:pointer}.activity-row:hover{background:rgba(148,167,255,.06)}.activity-row td{vertical-align:top}.table tbody td .primary-line,.table tbody td .secondary-line,.table tbody td .tertiary-line{padding-left:10px}.table tbody td .primary-line{font-weight:800}.table tbody td .secondary-line,.table tbody td .tertiary-line{line-height:1.45}.kv-list{display:grid;gap:0}.kv-row{display:grid;grid-template-columns:minmax(88px,132px) 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.kv-row:last-child{border-bottom:0}.kv-label{font-size:12px;color:var(--muted);font-weight:700}.kv-value{font-weight:700;min-width:0}.log-card{cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .18s ease}.log-card:hover{background:rgba(255,255,255,.05);border-color:rgba(148,167,255,.24);box-shadow:0 8px 18px rgba(17,24,39,.10)}.detail-stack{display:grid;gap:12px}.compact-modal-grid{display:grid;gap:12px}.compact-modal-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact-modal-card{padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.compact-modal-card .label{font-size:12px;color:var(--muted);margin-bottom:8px}.compact-modal-card .title{font-weight:900;line-height:1.35}.compact-modal-card .sub{color:var(--muted);font-size:12px;margin-top:6px;line-height:1.45}.success-toast{position:fixed;right:18px;bottom:18px;z-index:16000;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(11,18,31,.98),rgba(8,18,33,.99));box-shadow:0 20px 44px rgba(0,0,0,.28);display:flex;gap:10px;align-items:flex-start;max-width:min(360px,calc(100vw - 32px));opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.success-toast.open{opacity:1;transform:translateY(0)}.success-toast-title{font-weight:900}.success-toast-sub{font-size:12px;color:var(--muted);margin-top:2px}
    @keyframes hoFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
    .panel,.overview-item,.detail-item,.summary-card,.doc-row,.notif-item,.table tbody tr{transition:background-color .18s ease,border-color .18s ease,transform .12s ease,box-shadow .18s ease}
    .notif-dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:inline-block;flex:0 0 auto;margin-top:5px;box-shadow:0 0 0 3px rgba(148,167,255,.12)}
    .notif-item.read .notif-dot{opacity:.18}
    .detail-item:hover,.overview-item:hover,.summary-card:hover{transform:none}
@media (max-width:920px){.compact-modal-two{grid-template-columns:1fr}}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;font-weight:800;transition:filter .12s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border-color:transparent;color:#fff}.btn.bad{background:rgba(255,122,122,.12);border-color:rgba(255,122,122,.35);color:#ffd4d4}.btn.ghost{background:transparent}.btn.icon{width:42px;height:42px;padding:0;border-radius:999px;background:rgba(255,255,255,.03)}.btn.icon .ico{font-size:16px;line-height:1}.btn.sm{padding:8px 10px;font-size:12px}.btn:active,.btn.is-pressed{filter:brightness(1.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.btn.busy{position:relative;pointer-events:none;opacity:.9}.btn.busy::before{content:'';display:inline-block;width:12px;height:12px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;margin-right:8px;vertical-align:-2px;animation:btnspin .7s linear infinite}@keyframes btnspin{to{transform:rotate(360deg)}}
    .pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.028);font-weight:800}.pill.syncing{color:var(--brand)}.pill.error{color:var(--bad)}
    .content{display:grid;grid-template-columns:minmax(0,1fr) 0;min-width:0;align-items:start;column-gap:18px;background:transparent;width:100%;max-width:none;margin:0;padding:20px}.content.with-detail{grid-template-columns:minmax(0,1fr) minmax(420px,var(--detail))}.overview-shell{padding-inline:0;box-sizing:border-box;width:100%}.overview-grid-wrap{padding:0 20px 20px;box-sizing:border-box}.overview-grid-wrap>.overview-grid{width:100%}
    .workspace{padding:0;min-width:0;width:100%;margin:0}.content.with-detail .workspace{width:100%;max-width:none;margin:0;padding-right:0}.detail{position:fixed;top:88px;right:12px;bottom:12px;width:min(var(--detail),calc(100vw - 24px));display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(11,18,31,.985),rgba(8,18,33,.995));backdrop-filter:blur(22px);isolation:isolate;min-width:0;min-height:0;overflow:hidden;z-index:12;box-shadow:-18px 0 38px rgba(0,0,0,.34);align-self:start}.content.with-detail .detail{position:sticky;top:0;right:auto;bottom:auto;left:auto;width:100%;height:calc(100vh - 124px);max-height:calc(100vh - 124px);box-shadow:var(--shadow);margin:0 0 0 4px}.detail-head{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(11,18,31,.995),rgba(11,18,31,.975));backdrop-filter:blur(14px)} body.light .detail{background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,250,255,.995));} body.light .detail-head{background:rgba(255,255,255,.96)} body.light .detail-body{background:transparent}.detail-body{padding:18px;overflow:auto;min-height:0;flex:1}
    .grid{display:grid;gap:18px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stack{display:grid;gap:12px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    .panel{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
    .panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-title{font-weight:900;font-size:15px}.panel-body{padding:18px 20px}.muted{color:var(--muted)}
    .toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}
    .btn{white-space:nowrap}
    .input,.select,.textarea{width:100%;max-width:100%;min-width:0;padding:12px 13px;border-radius:14px;border:1px solid var(--line);background:var(--panel2);color:var(--text);outline:none}.textarea{min-height:124px;max-width:100%;resize:vertical}
    .card{padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--panel2)}.kpi{cursor:pointer}.kpi:hover{border-color:rgba(148,167,255,.35)}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:30px;font-weight:900;margin-top:8px}.kpi .sub{margin-top:6px;color:var(--muted);font-size:12px}
    .summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.summary-grid.compact{grid-template-columns:repeat(6,minmax(140px,1fr))}.summary-card{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.025);min-width:0;overflow:hidden}.summary-card .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.summary-card .value{font-size:clamp(22px,2.05vw,26px);font-weight:900;line-height:1.1;margin-top:6px;max-width:100%;overflow-wrap:break-word;word-break:normal;text-wrap:balance}.summary-card .sub{margin-top:4px;color:var(--muted);font-size:12px;max-width:100%;overflow-wrap:break-word;word-break:normal}.summary-card.kpi{cursor:pointer}.summary-card.kpi:hover{border-color:rgba(148,167,255,.35)}
    .module-shell{display:grid;gap:14px;min-width:0;overflow:hidden}.module-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);min-width:0}.module-title-wrap{display:grid;gap:4px;min-width:0}.module-sub{color:var(--muted);font-size:12px;max-width:100%;overflow-wrap:break-word;word-break:normal}.module-summary{padding:0 20px;min-width:0}.module-filters{padding:0 20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start;min-width:0}.module-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.module-section-label{padding:0 20px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.metric-inline{display:flex;gap:18px;flex-wrap:wrap;padding:0 20px}.metric-pill{padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);min-width:0}.metric-pill .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.metric-pill .value{font-size:18px;font-weight:900;margin-top:4px;max-width:100%;overflow-wrap:break-word;word-break:normal}.segmented{display:flex;gap:8px;flex-wrap:wrap}.seg-btn{padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text);font-weight:800;cursor:pointer}.seg-btn.active{background:linear-gradient(180deg,rgba(148,167,255,.16),rgba(148,167,255,.08));border-color:rgba(148,167,255,.22)}.soft-stack{display:grid;gap:12px}.soft-card{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.02);min-width:0;overflow:hidden}.soft-card .title{font-weight:800;max-width:100%;overflow-wrap:break-word;word-break:normal}.soft-card .meta{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35;max-width:100%;overflow-wrap:break-word;word-break:normal}.overview-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(360px,.92fr);gap:18px;align-items:start}.overview-column,.overview-right,.overview-rail{display:grid;gap:18px;align-content:start}.overview-kpis{margin-bottom:0}.overview-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:11px;color:var(--muted);margin-top:8px}.overview-list{display:grid;gap:10px}.overview-item{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.02)}.overview-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.overview-item-title{font-weight:800;line-height:1.3}.overview-item-meta{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.4}.overview-item-amount{font-weight:900;white-space:nowrap}.overview-section-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.overview-section-note{font-size:12px;color:var(--muted)}.cost-pulse-body{display:grid;gap:14px}.cost-pulse-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px}.overview-subsection{display:grid;gap:10px}.overview-subsection-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.overview-subsection-title{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.lookups-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap}.admin-tab-chip{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text);font-weight:800;cursor:pointer}.admin-tab-chip.active{background:linear-gradient(180deg,rgba(148,167,255,.16),rgba(148,167,255,.08));border-color:rgba(148,167,255,.22)}
    .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left}.table th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.03);position:sticky;top:0;white-space:nowrap}.table td{white-space:normal;vertical-align:top;line-height:1.5}.table td .primary-line{display:block;font-weight:800;line-height:1.34;font-size:14px;color:var(--text)}.table td .secondary-line{display:block;margin-top:5px;color:var(--muted);font-size:12.5px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.table td .tertiary-line{display:block;margin-top:6px;color:var(--muted);font-size:11.5px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.detail-item .primary-line{display:block;font-weight:800;line-height:1.34;font-size:14px;color:var(--text)}.detail-item .secondary-line{display:block;margin-top:5px;color:var(--muted);font-size:12.5px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.detail-item .tertiary-line{display:block;margin-top:6px;color:var(--muted);font-size:11.5px;line-height:1.5;word-break:break-word;white-space:pre-wrap}
    .row-open{cursor:pointer}.row-open:hover td{background:rgba(148,167,255,.06)}.row-open.active-row td,.overview-item.row-open.active-row,.detail-item.row-open.active-row{background:linear-gradient(180deg,rgba(148,167,255,.16),rgba(148,167,255,.08)) !important; box-shadow:inset 0 0 0 1px rgba(148,167,255,.24)}
    .status{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-weight:800;font-size:12px}.status.good{color:var(--ok)}.status.warn{color:var(--warn)}.status.bad{color:var(--bad)}
    .empty{padding:26px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center;background:rgba(255,255,255,.02)}
    .timeline{display:grid;gap:10px}.timeline-item{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}
    .dropzone{display:grid;gap:6px;padding:14px;border-radius:16px;border:1px dashed var(--line);background:rgba(255,255,255,.02)}
    .search-overlay{position:fixed;inset:0;display:none;place-items:start center;padding-top:72px;background:rgba(0,0,0,.44);z-index:20}.search-box{width:min(900px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.search-head{padding:16px;border-bottom:1px solid var(--line)}.search-list{max-height:70vh;overflow:auto}.search-item{padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer}.search-item:hover{background:rgba(148,167,255,.07)}.search-item .kind{margin-top:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);font-size:11px;color:var(--muted)}.preview-box{width:min(1100px,94vw)}.preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.preview-body{padding:16px;max-height:78vh;overflow:auto;background:rgba(255,255,255,.02)}.preview-frame{width:100%;height:72vh;border:1px solid var(--line);border-radius:16px;background:#fff}.doc-badges{display:inline-flex;gap:6px;flex-wrap:wrap;margin-top:8px}.doc-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:var(--muted);background:rgba(255,255,255,.03);vertical-align:middle}.doc-badge.compact{margin-left:8px;margin-top:0;padding:3px 9px;font-size:10.5px}.doc-badge.premium{background:linear-gradient(180deg,rgba(148,167,255,.14),rgba(148,167,255,.07));border-color:rgba(148,167,255,.22);color:var(--text)}.doc-badge .clip-icon{width:12px;height:12px;display:block;flex:0 0 12px;opacity:.94}.contact-pill{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);font-size:11px;color:var(--muted)}.nav-wrap{position:sticky;top:0}
    .inline-pending{font-size:12px;color:var(--brand);font-weight:800}.row-op-note{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:4px 9px;border:1px solid rgba(148,167,255,.24);border-radius:999px;background:rgba(148,167,255,.08);font-size:11px;color:var(--brand);font-weight:800}.row-op-note.danger{border-color:rgba(255,122,122,.28);background:rgba(255,122,122,.08);color:#ffc5c5}

    .field{display:grid;gap:7px;min-width:0}.field label{font-size:12px;color:var(--muted);font-weight:800}.field.full{grid-column:1/-1}.contact-stack{display:grid;gap:12px}.contact-stack .field{grid-column:1/-1}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.detail-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-section{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);min-width:0;overflow:hidden}.detail-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.detail-section-title{font-weight:900}.detail-list{display:grid;gap:10px}.detail-item{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);min-width:0;overflow-wrap:anywhere;word-break:break-word}.detail-item-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}.detail-item-row>div:first-child{min-width:0;flex:1 1 auto}.detail-item-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}.detail-item-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.detail-item-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.module-table{padding:0 20px 20px;min-width:0}.module-summary.slim{padding-top:2px}.summary-grid.slim{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}.summary-card.slim-card{padding:13px 15px;min-height:88px}.summary-card.slim-card .value{font-size:22px}.summary-card.slim-card .value{line-height:1.08}.overview-grid>.detail-section,.overview-right>.detail-section{min-width:0}.helper-list{display:grid;gap:10px}.helper-item{padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.helper-item-title{font-size:12px;font-weight:800}.helper-item-copy{margin-top:4px;font-size:12px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.helper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-filter-left,.module-filter-right{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;min-width:0}.module-filter-left{flex:1 1 520px}.module-filter-right{flex:0 1 auto;justify-content:flex-end}.module-search{width:min(360px,100%)}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.filter-grid.wide{grid-template-columns:minmax(220px,1.1fr) minmax(140px,.45fr)}.module-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 20px}.module-mini-note{font-size:12px;color:var(--muted)}.data-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:11px;color:var(--muted)}.detail-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-kpi{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);min-width:0}.detail-kpi .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.detail-kpi .value{margin-top:6px;font-size:18px;font-weight:900;white-space:normal;word-break:normal;overflow-wrap:break-word}.doc-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.doc-row-meta{min-width:0;flex:1 1 240px}.doc-row-title{display:flex;align-items:center;gap:8px;font-weight:800;line-height:1.35;word-break:break-word}.doc-row-title .clip-icon{width:14px;height:14px;flex:0 0 14px;color:var(--brand)}.doc-row-sub{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.4;word-break:break-word}.doc-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:0 0 auto}.doc-action{min-width:84px} body.light .doc-row .btn.bad{background:rgba(180,35,24,.10);border-color:rgba(180,35,24,.30);color:#8f1d1d}.section-stack{display:grid;gap:18px;min-width:0}.subtle-divider{height:1px;background:var(--line);opacity:.7}.admin-grid{display:grid;gap:18px}.admin-wide{grid-column:1/-1}.tight-table .table th,.tight-table .table td{padding-top:15px;padding-bottom:15px}.action-bar-end{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.action-bar-end .btn{white-space:nowrap}.helper-text{font-size:12px;color:var(--muted)}.stat-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.stat-line:last-child{border-bottom:0}.stat-line .name{font-weight:700}.stat-line .value{color:var(--muted);text-align:right;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.title-clamp{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-row{display:grid;gap:10px}.compact-row-block{display:grid;gap:4px}.compact-row-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.compact-row-value{font-weight:800;line-height:1.4}

    @media (max-width:1500px){.overview-grid{grid-template-columns:1fr}.summary-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.cost-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-filter-left{flex:1 1 100%}.module-filter-right{flex:1 1 100%;justify-content:flex-start}.detail{width:min(92vw,520px)}}
    @media (max-width:1500px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.summary-grid.slim{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-pulse-grid{grid-template-columns:1fr}.filter-grid,.filter-grid.wide,.helper-grid{grid-template-columns:1fr}.content.with-detail{grid-template-columns:1fr;padding-right:0}.content.with-detail .workspace{width:100%;max-width:none}.detail,.content.with-detail .detail{position:fixed;top:84px;right:10px;left:auto;bottom:10px;width:min(92vw,540px);max-width:min(92vw,540px);height:auto;max-height:none;box-shadow:-22px 0 40px rgba(0,0,0,.35);z-index:20;margin:0}.detail.hidden{display:none}}
    @media (max-width:1280px){.content.with-detail{grid-template-columns:1fr;padding-right:0}.content.with-detail .workspace{width:100%;max-width:none}.detail,.content.with-detail .detail{position:fixed;top:82px;right:10px;left:10px;bottom:10px;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;z-index:20}.module-table{padding-left:14px;padding-right:14px}.table-wrap{overflow:visible;border-radius:16px}.table,.table tbody{display:block;width:100%}.table thead{display:none}.table tr{display:grid;grid-template-columns:1fr;gap:4px;padding:10px 0;border-bottom:1px solid var(--line)}.table td{display:block;width:100%;border-bottom:0;padding:8px 14px}.table td + td{padding-top:0}.table td .primary-line{font-size:13px}.row-open.active-row td{box-shadow:none!important}.row-open.active-row{box-shadow:inset 0 0 0 1px rgba(148,167,255,.22);border-radius:14px;background:linear-gradient(180deg,rgba(148,167,255,.10),rgba(148,167,255,.05)) !important}}
    @media (max-width:920px){.shell{grid-template-columns:1fr}.sidebar{display:none}.cards,.two,.three,.summary-grid,.summary-grid.compact,.summary-grid.slim,.overview-grid,.lookups-grid,.admin-form-grid,.admin-form-grid.three,.detail-grid,.detail-grid.three,.detail-kpis,.filter-grid,.filter-grid.wide,.helper-grid,.cost-pulse-grid{grid-template-columns:1fr}.workspace{padding:14px}.topbar{grid-template-columns:1fr;align-items:flex-start;padding:10px 14px;gap:12px;min-height:72px}.top-left,.top-center,.top-actions{width:100%}.top-left{justify-content:space-between}.top-center{justify-content:stretch}.top-actions{justify-content:flex-start;flex-wrap:wrap}.top-title h2{font-size:20px}.search-trigger{width:100%;justify-content:flex-start}.notif-menu{left:auto;right:0;width:min(360px,calc(100vw - 28px))}.module-filters{padding:0 14px}.module-summary,.module-section-label,.module-table,.module-list-head,.overview-grid-wrap{padding-left:14px;padding-right:14px}.overview-grid-wrap{padding-bottom:14px}.panel-body{padding:14px}.module-filter-right{justify-content:flex-start}.module-search{width:100%;max-width:none}.detail,.content.with-detail .detail{top:82px;right:10px;left:10px;bottom:10px;width:auto;max-width:none;height:auto;max-height:none}.detail-head,.detail-body{padding:14px}.content.mobile-detail-only{padding-right:0!important}.content.mobile-detail-only .workspace{display:block!important}.content.mobile-detail-only .detail,.content.mobile-detail-only.with-detail .detail{position:fixed;top:72px;left:0;right:0;bottom:0;width:100%!important;height:calc(100dvh - 72px)!important;max-height:none!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;box-shadow:none!important;z-index:30!important}.content.mobile-detail-only .detail-head{padding:12px 14px}.content.mobile-detail-only .detail-body{padding:14px;min-height:0}}
    @media (max-width:560px){.summary-card .value,.summary-card.slim-card .value{font-size:20px}.summary-card{padding:12px 13px}.summary-card.slim-card{min-height:0}.btn{padding:10px 12px}.pill{padding:9px 12px}}
  @media (max-width:700px){.top-actions{width:100%;justify-content:stretch;flex-wrap:wrap}.top-actions .btn,.top-actions .pill{flex:1 1 0;justify-content:center}.module-actions .btn{width:100%}.table-wrap{border-radius:14px}}
  
  .btn,.input,.select,.textarea,.admin-tab-chip,.modal-card,.helper-item,.doc-row,.overview-item,.summary-card,.soft-card,.detail-item,.detail-kpi,.search-item,.nav-btn,.table tbody tr,.seg-btn,.data-chip,.doc-badge,.search-tag,.contact-pill,.overview-pill,.metric-pill,.log-card,.detail-section,.panel,.module-shell{
    transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s cubic-bezier(.22,1,.36,1), opacity .18s ease, filter .22s ease;
  }
  .btn:hover,.admin-tab-chip:hover,.seg-btn:hover,.data-chip:hover,.doc-badge:hover,.search-tag:hover,.contact-pill:hover,.overview-pill:hover,.metric-pill:hover{border-color:rgba(148,167,255,.24);box-shadow:0 8px 18px rgba(17,24,39,.08)}
  .overview-item:hover,.summary-card:hover,.soft-card:hover,.helper-item:hover,.doc-row:hover,.table tbody tr:hover,.detail-item:hover,.detail-kpi:hover,.detail-section:hover{ box-shadow:0 10px 24px rgba(0,0,0,.10); }
  .data-chip,.doc-badge,.search-tag,.contact-pill,.overview-pill,.metric-pill,.seg-btn,.admin-tab-chip{font-weight:800;letter-spacing:.02em;color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-color:rgba(255,255,255,.08)}
  body.light .data-chip,body.light .doc-badge,body.light .search-tag,body.light .contact-pill,body.light .overview-pill,body.light .metric-pill,body.light .seg-btn,body.light .admin-tab-chip{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.76));border-color:rgba(15,23,42,.08)}
  .data-chip,.overview-pill{padding:6px 10px;font-size:11px}
  .search-tag,.contact-pill,.doc-badge{padding:4px 9px;font-size:11px}
  .detail-section{background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.02));box-shadow:0 10px 28px rgba(0,0,0,.08)}
  .detail-item{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.022));}
  .detail-item.log-card{position:relative;padding:14px 15px 14px 16px;border-radius:16px;border-color:rgba(148,167,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
  .detail-item.log-card::after{content:'Inspect';position:absolute;top:12px;right:14px;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--muted)}
  .detail-item.log-card .primary-line{padding-right:56px}
  .detail-item.log-card .secondary-line{font-size:12px}
  .detail-item.log-card .tertiary-line{font-size:12px;color:var(--text)}
  .detail-item.log-card:hover{border-color:rgba(148,167,255,.3);background:linear-gradient(180deg,rgba(148,167,255,.11),rgba(148,167,255,.045));box-shadow:0 12px 22px rgba(17,24,39,.12)}
  .compact-modal-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border-color:rgba(255,255,255,.09)}
  .modal-card{transform:none;opacity:1;animation:none}
  .detail.detail-enter,.workspace.surface-enter,.notif-menu.open,.search-overlay.open .search-box,.preview-overlay.open .preview-box{animation:hoFadeIn .18s ease-out}
  @keyframes modalEnter{to{transform:translateY(0) scale(1);opacity:1}}
  @keyframes detailPanelIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
  @keyframes workspaceSlideIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}
  @keyframes surfaceIn{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
  .modal-overlay,.search-overlay,.preview-overlay,#boot{ transition:none!important; }
  .app,.shell,.main,.workspace,.content,.detail,.detail-body{background-color:transparent;transform:translateZ(0);backface-visibility:hidden}
  html,body,#app,.shell,.main,.content,.workspace,.sidebar{background-color:var(--bg)}
  #workspace{min-height:240px}
  .boot{opacity:1}
  .boot.is-leaving{opacity:0;pointer-events:none}
  #workspace,#detail,.detail-body{transition:opacity .16s ease}
  .btn,.input,.select,.textarea,.admin-tab-chip,.modal-card,.helper-item,.doc-row,.overview-item,.summary-card,.soft-card,.detail-item,.detail-kpi,.search-item,.nav-btn,.table tbody tr,.modal-overlay,.search-overlay,.preview-overlay,#boot,#workspace,#detail,.detail-body{transition:none!important}
  .overview-item:hover,.summary-card:hover,.soft-card:hover,.helper-item:hover,.doc-row:hover,.table tbody tr:hover{transform:none!important}
  .app,.shell,.main,.workspace,.content,.detail,.detail-body{transform:none!important;backface-visibility:visible!important}
  .modal-card{ animation:none; }
  @keyframes hoModalIn{ from{ opacity:0; transform:translateY(6px) scale(.99);} to{ opacity:1; transform:translateY(0) scale(1);} }


    .spin .ico,.btn.spin .ico,#refreshBtn.spin .ico{display:inline-block;animation:spin360 .9s linear infinite}
    @keyframes spin360{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.notif-item{position:relative;display:flex;align-items:stretch;gap:8px}
.notif-item-main{flex:1;background:none;border:0;text-align:left;padding:0;cursor:pointer;color:inherit}
.notif-item-delete{align-self:flex-start;border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;padding:10px 8px;cursor:pointer}
.notif-item-delete:hover{color:var(--text)}


.search-item-title{font-weight:800}
.search-item-sub{margin-top:4px}
.search-item-meta{margin-top:4px;line-height:1.45}
.row-open.active-row:hover td,
.overview-item.row-open.active-row:hover,
.detail-item.row-open.active-row:hover{background:linear-gradient(180deg,rgba(148,167,255,.16),rgba(148,167,255,.08)) !important;box-shadow:inset 0 0 0 1px rgba(148,167,255,.24) !important}
.table tbody tr.row-open.active-row:hover{box-shadow:none!important}