:root{--ink: #0f172a;--ink-soft: #334155;--muted: #64748b;--faint: #94a3b8;--accent: #2563eb;--accent-2: #1d4ed8;--accent-bg: #eef4ff;--accent-glow: rgba(37,99,235,.22);--bg: #f3f6fb;--card: #ffffff;--border: #e8ecf4;--border-strong: #d7deea;--blue: #2563eb;--blue-bg: #eef4ff;--green: #16a34a;--green-bg: #e7fbef;--amber: #d97706;--amber-bg: #fef3c7;--red: #dc2626;--red-bg: #fee2e2;--violet: #7c3aed;--violet-bg: #f4edff;--teal: #0d9488;--teal-bg: #e6fbf7;--sidebar: #0a1120;--sidebar-2: #16233d;--sidebar-ink: #cbd5e1;--sidebar-muted: #6b7a91;--radius: 18px;--radius-sm: 12px;--shadow: 0 1px 2px rgba(15,23,42,.04), 0 4px 10px rgba(15,23,42,.045), 0 14px 26px -8px rgba(15,23,42,.07);--shadow-sm: 0 1px 2px rgba(15,23,42,.05);--shadow-lg: 0 20px 50px -12px rgba(15,23,42,.28);--ease: cubic-bezier(.22,1,.36,1);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}:root[data-theme=dark]{--ink: #e7ecf5;--ink-soft: #c3cbdb;--muted: #8b96ab;--faint: #5c6880;--bg: #0b1220;--card: #121b2e;--border: #223251;--border-strong: #2c3f63;--accent-bg: #17243f;--sidebar: #070c17;--sidebar-2: #101a2c;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 20px -6px rgba(0,0,0,.4)}*{box-sizing:border-box}body{margin:0;background:var(--bg);transition:background-color .2s var(--ease)}h1,h2,h3,p{margin:0}.app{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-ink);padding:20px 14px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .brand{font-weight:800;font-size:18px;color:#fff;padding:4px 10px 6px;display:flex;align-items:center;gap:9px}.sidebar .brand .tag{display:block;font-size:10px;font-weight:700;color:var(--sidebar-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:1px}.sidebar-divider{height:1px;background:#ffffff0f;margin:14px 4px 12px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--sidebar-ink);cursor:pointer;background:none;border:none;text-align:left;width:100%;transition:background-color .15s var(--ease),color .15s var(--ease)}.nav-item:hover{background:var(--sidebar-2);color:#fff}.nav-item.on{background:var(--accent);color:#fff;box-shadow:0 4px 14px -4px #2563eb99}.nav-item .nav-ico{flex-shrink:0;opacity:.85}.nav-item.on .nav-ico{opacity:1}.sidebar-foot{margin-top:auto;padding-top:14px}.sidebar-promo{background:linear-gradient(135deg,var(--accent),#1e3a8a);border-radius:var(--radius-sm);padding:14px;margin-bottom:12px;color:#fff}.sidebar-promo .crown{font-size:18px;margin-bottom:6px;display:block}.sidebar-promo b{font-size:13px;display:block;line-height:1.3}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s var(--ease)}.sidebar-user:hover{background:var(--sidebar-2)}.sidebar-user .name{font-size:12.5px;font-weight:700;color:#fff}.sidebar-user .role{font-size:11px;color:var(--sidebar-muted)}.main{flex:1;padding:24px 32px 40px;min-width:0}.topbar-app{display:flex;align-items:center;gap:14px;padding:12px 32px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.topbar-search{flex:1;max-width:460px;display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--muted);font-size:13px}.topbar-search kbd{margin-left:auto;font-size:10.5px;font-weight:700;color:var(--faint);border:1px solid var(--border-strong);border-radius:5px;padding:1px 5px}.topbar-icon-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--muted);cursor:pointer;border:none;background:none;position:relative;flex-shrink:0}.topbar-icon-btn:hover{background:var(--accent-bg);color:var(--accent)}.topbar-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--red);border:2px solid var(--card)}.topbar-user{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 6px;border-radius:10px;flex-shrink:0}.topbar-user:hover{background:var(--bg)}.topbar-user .name{font-size:13px;font-weight:700}.topbar-user .role{font-size:11px;color:var(--muted)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .2s var(--ease),background-color .2s var(--ease)}.card.p{padding:20px}.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--accent);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;transition:background-color .15s var(--ease),transform .15s var(--ease);white-space:nowrap}.btn:hover{background:var(--accent-2)}.btn:disabled{opacity:.55;cursor:default}.btn.secondary{background:var(--card);color:var(--ink-soft);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn.secondary:hover{background:var(--bg)}.btn.danger{background:var(--red)}.btn.danger.outline{background:var(--card);color:var(--red);border-color:var(--red)}.btn.danger.outline:hover{background:var(--red-bg)}.btn.ghost{background:transparent;color:var(--accent);box-shadow:none}.btn.ghost:hover{background:var(--accent-bg)}.btn.sm{height:30px;padding:0 12px;font-size:12.5px}.field,textarea.field{height:38px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--card);font-size:13px;color:var(--ink-soft);width:100%;font-family:inherit}textarea.field{height:auto;padding:10px 12px;resize:vertical;line-height:1.5}.field:focus,textarea.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}label.lbl{font-size:12.5px;font-weight:600;color:var(--ink-soft);display:block;margin-bottom:6px}.hint{font-size:12px;color:var(--muted);margin-top:5px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3.5px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.badge.plain:before{display:none}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:12px 16px;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:13px 16px;font-size:13.5px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--accent-bg);cursor:pointer}.table-plain tbody tr:hover{background:none;cursor:default}.cmp-cat-row td{background:var(--bg)!important;font-weight:800;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 16px;cursor:default}.cmp-check{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;flex-shrink:0}.cmp-check.sm{width:22px;height:22px}.cell-muted{color:var(--muted);font-size:12.5px}.cell-strong{font-weight:700}.sort-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sort-th .arrow{display:inline-block;width:10px;margin-left:3px;color:var(--faint);font-size:9px}.sort-th.active .arrow{color:var(--accent)}.switch{position:relative;display:inline-block;width:40px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-strong);border-radius:999px;cursor:pointer;transition:background-color .15s var(--ease)}.switch .track:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s var(--ease);box-shadow:0 1px 2px #00000040}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:before{transform:translate(16px)}.switch input:disabled+.track{opacity:.5;cursor:default}.module-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.module-row.child{padding-left:28px}.module-row .lbl-text{font-size:13.5px;font-weight:600}.module-row .lbl-text.child{font-weight:500;color:var(--ink-soft);font-size:13px}.module-cat-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:22px 0 4px}.module-cat-title:first-child{margin-top:0}.pill-addon{font-size:10.5px;font-weight:700;color:var(--violet);background:var(--violet-bg);padding:2px 8px;border-radius:999px;margin-left:8px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.kpi-top{display:flex;align-items:center;gap:13px}.kpi .ico{width:46px;height:46px;border-radius:var(--radius-sm);display:grid;place-items:center;flex-shrink:0}.kpi .val{font-size:24px;font-weight:800;margin-top:1px;letter-spacing:-.02em;line-height:1.15}.kpi .lbl{font-size:12.5px;color:var(--muted)}.kpi-bar-wrap{height:5px;border-radius:999px;background:var(--bg);margin-top:10px;overflow:hidden}.kpi-bar{height:100%;border-radius:999px}.kpi-sub{font-size:11.5px;color:var(--muted);margin-top:5px;display:flex;align-items:center;gap:5px}.dd-trigger{height:38px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--card);font-size:12.5px;font-weight:600;color:var(--ink-soft);display:inline-flex;align-items:center;gap:8px;cursor:pointer;width:100%;justify-content:space-between}.dd-trigger:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.dd-trigger.open{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.dd-trigger .chev{color:var(--faint);transition:transform .18s var(--ease);flex-shrink:0}.dd-trigger.open .chev{transform:rotate(180deg);color:var(--accent)}.dd-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:6px;z-index:60;max-height:280px;overflow-y:auto}.dd-item{padding:8px 12px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;white-space:nowrap}.dd-item:hover{background:var(--accent-bg);color:var(--accent)}.dd-item.active{background:var(--accent-bg);color:var(--accent);font-weight:800}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto}.tab{padding:10px 2px;font-size:13.5px;color:var(--muted);font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab:hover{color:var(--ink-soft)}.tab.on{color:var(--accent);border-bottom-color:var(--accent)}.pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 18px 16px;font-size:12.5px;color:var(--muted)}.filters-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 12px;border-radius:999px;background:var(--accent-bg);color:var(--accent);font-size:12px;font-weight:700}.filter-chip button{background:none;border:none;color:var(--accent);cursor:pointer;display:grid;place-items:center;width:20px;height:20px;border-radius:50%}.filter-chip button:hover{background:#2563eb26}.more-filters-panel{position:absolute;right:0;top:calc(100% + 8px);width:620px;max-width:90vw;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:20px;z-index:55}@media(max-width:720px){.more-filters-panel{width:92vw;right:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f198c;display:grid;place-items:center;z-index:100;padding:20px;overflow-y:auto}.modal-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-height:92vh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:flex-start;gap:14px;padding:22px 24px 0}.modal-head .modal-ico{width:40px;height:40px;border-radius:10px;background:var(--accent-bg);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.modal-head h2{font-size:18px;font-weight:800}.modal-head p{font-size:12.5px;color:var(--muted);margin-top:2px}.modal-close{margin-left:auto;width:32px;height:32px;border-radius:8px;border:none;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center;flex-shrink:0}.modal-close:hover{background:var(--bg)}.modal-sub-entity{display:flex;align-items:center;gap:10px;padding:14px 24px;margin-top:8px}.modal-body{padding:4px 24px 22px;overflow-y:auto;flex:1}.modal-foot{display:flex;align-items:center;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.modal-foot .push{margin-left:auto;display:flex;gap:10px}.mini-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:grid;place-items:center;font-weight:800;font-size:11px;flex-shrink:0}.biz-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;flex-shrink:0}.biz-avatar.lg{width:52px;height:52px;border-radius:14px;font-size:18px}.limit-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.limit-bar-wrap{height:8px;border-radius:999px;background:var(--bg);overflow:hidden;margin:8px 0 4px}.limit-bar{height:100%;border-radius:999px;background:var(--accent)}.timeline{display:flex;flex-direction:column;gap:14px}.timeline-item{display:flex;gap:10px;align-items:flex-start}.timeline-dot{width:30px;height:30px;border-radius:50%;background:var(--accent-bg);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.timeline-item .t-title{font-size:13px;font-weight:700}.timeline-item .t-detail{font-size:12px;color:var(--muted)}.notes-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;min-height:360px}.note-list-item{padding:12px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent}.note-list-item:hover{background:var(--bg)}.note-list-item.active{background:var(--accent-bg);border-color:var(--accent)}.note-list-item .n-title{font-size:13px;font-weight:700}.note-list-item .n-preview{font-size:12px;color:var(--muted);margin-top:2px}.note-list-item .n-meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.empty{text-align:center;color:var(--muted);padding:40px 0;font-size:13.5px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--card)}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}}.login-visual{background:radial-gradient(circle at 20% 15%,#1e3a8a,#0a1120 55%),var(--sidebar);color:#fff;padding:56px 48px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-visual .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;margin-bottom:46px}.login-visual .brand .tag{font-size:10.5px;font-weight:700;color:#8fa3c9;letter-spacing:.12em;display:block}.login-visual h1{font-size:34px;font-weight:800;line-height:1.2;margin-bottom:16px;max-width:420px}.login-visual h1 b{color:#60a5fa}.login-visual .rule{width:40px;height:3px;background:#3b82f6;border-radius:2px;margin-bottom:20px}.login-visual p.lead{color:#93a5c9;font-size:14.5px;max-width:380px;margin-bottom:34px}.login-feature{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.login-feature .f-ico{width:40px;height:40px;border-radius:10px;background:#ffffff14;display:grid;place-items:center;flex-shrink:0}.login-feature b{font-size:14px;display:block}.login-feature span{font-size:12.5px;color:#8fa3c9}.login-visual .map-wrap{margin-top:auto;position:relative;opacity:.9}.login-visual .map-note{position:absolute;right:6px;top:-6px;font-family:Segoe Script,cursive;color:#93b8ff;font-size:15px;text-align:right;line-height:1.4}.login-form-side{display:flex;flex-direction:column;padding:40px 56px}.login-form-side .top-link{align-self:flex-end;font-size:12.5px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:4px;text-decoration:none}.login-form-wrap{max-width:380px;margin:auto;width:100%}.login-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-bg);color:var(--accent);font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;margin-bottom:18px}.login-form-wrap h2{font-size:27px;font-weight:800;margin-bottom:4px}.login-form-wrap p.sub{color:var(--muted);font-size:13.5px;margin-bottom:26px}.login-input-ico{position:relative}.login-input-ico .li{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--faint)}.login-input-ico input{padding-left:40px}.login-input-ico .eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--faint);cursor:pointer;background:none;border:none;display:grid;place-items:center}.login-foot{text-align:center;margin-top:40px;color:var(--faint);font-size:12px}.login-foot b{color:var(--muted)}.pin-gate{display:grid;grid-template-columns:repeat(6,44px);gap:8px;justify-content:center;margin:18px 0}.pin-gate input{text-align:center;font-size:22px;font-weight:800;height:52px}.mode-card{border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;height:100%}.mode-card .m-ico{width:44px;height:44px;border-radius:12px;background:var(--accent-bg);color:var(--accent);display:grid;place-items:center;margin-bottom:12px}.mode-card b{font-size:14px;margin-bottom:6px;display:block}.mode-card p{font-size:12px;color:var(--muted);margin-bottom:14px;flex:1}.mode-card ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px}.mode-card li{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.mode-card li:before{content:"✓";color:var(--green);font-weight:800}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px}@media(max-width:1000px){.grid-3,.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4{grid-template-columns:1fr}}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-card{width:100%;max-width:380px;padding:32px}