:root{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-2:#f9fafc;--text:#192842;--muted:#7d899b;--border:#e8edf4;--accent:#315de5;--accent-hover:#214ccf;--accent-soft:#ecf1ff;--shadow:0 7px 30px rgba(26,43,73,.035);--sidebar:#14213a;--sidebar-2:#172844;--green:#119975;--danger:#dc4659;--radius:17px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}a{color:inherit;text-decoration:none}svg.icon{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}::selection{background:#cee0ff;color:#14213a}*:focus-visible{outline:3px solid #91b5ff;outline-offset:3px}
.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--sidebar);color:#d5e0f5;flex:none;min-height:100vh;display:flex;flex-direction:column;position:relative;top:auto;height:auto;z-index:60;padding:29px 17px 18px;overflow:visible}.brand{display:flex;align-items:center;gap:12px;padding:0 7px 34px;color:white}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:linear-gradient(145deg,#638aff,#3562db);border:1px solid #9db5ff55;border-radius:13px;box-shadow:0 7px 16px #0002}.brand-mark svg{width:23px;height:23px}.brand-words{display:grid;line-height:1.14}.brand-words strong{font:800 23px 'Plus Jakarta Sans',sans-serif;letter-spacing:-1px}.brand-dot{color:#83b4ff}.brand-words small{font-size:9px;letter-spacing:1.95px;color:#91a6c7;margin-top:6px;font-weight:800}.workspace-label{padding:0 15px;font-size:10px;letter-spacing:1.5px;color:#758ba9;font-weight:800;margin:16px 0 12px}.sidebar-nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;min-height:45px;padding:0 14px;border-radius:10px;font-weight:600;font-size:13px;color:#aebed7;transition:background .18s,color .18s}.nav-item .icon{width:19px;height:19px}.nav-item:hover,.nav-item.active{background:#243959;color:white}.nav-item.active{box-shadow:inset 3px 0 #5e91ff}.nav-counter{margin-left:auto;background:#365077;border-radius:7px;color:#d6e7ff;min-width:24px;text-align:center;font-size:10px;padding:2px 5px}.sidebar-divider{height:1px;background:#ffffff13;margin:28px 10px 4px}.quick-action{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;background:#305bd0;border:1px solid #4b76e4;border-radius:10px;padding:0 12px;margin:5px 0;color:white;text-align:left;font-size:12px;font-weight:700;transition:background .2s}.quick-action:hover{background:#416bec}.quick-action span{margin-left:auto;font-size:20px;font-weight:400}.quick-action.muted{background:transparent;color:#bdcee7;border-color:#344765}.quick-action.muted:hover{background:#223652}.quick-action .icon{width:18px;height:18px}.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-tip{padding:17px 13px;border:1px solid #3a4c69;border-radius:13px;background:#1b2c49;display:flex;align-items:flex-start;gap:11px}.sidebar-tip>.icon{color:#89afff}.sidebar-tip strong{font-size:12px;color:#eff5ff}.sidebar-tip p{color:#9aabc5;line-height:1.6;font-size:11px;margin:3px 0 0}.sidebar-tip kbd{font-size:10px;padding:1px 4px;border:1px solid #63728a;border-radius:3px}.sidebar-foot{display:flex;justify-content:space-between;color:#8295b0;font-size:10px;padding:18px 8px 0}
.app-main{flex:1;min-width:0}.topbar{height:78px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}.topbar-left{color:var(--text);font-size:12px}.topbar-left strong{font-weight:700}.crumb-muted{color:#8591a3}.crumb-icon{width:13px!important;height:13px!important;color:#a3acbb}.topbar-right{gap:10px}.topbar-date{color:var(--muted);font-size:11px;font-weight:600;margin-right:8px}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);transition:.2s}.icon-button:hover{border-color:#b6c9fb;background:var(--accent-soft);color:var(--accent)}.profile-avatar{display:grid;place-items:center;width:37px;height:37px;margin-left:7px;border-radius:11px;color:#3153ab;font:800 12px 'Plus Jakarta Sans',sans-serif;background:#e5ebff;border:2px solid #d3dfff}.mobile-menu{display:none}
.content-wrap{max-width:1600px;margin:0 auto;padding:33px 36px 19px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 26px}.eyebrow,.section-kicker{font-weight:800;font-size:10px;letter-spacing:1.55px;color:#4874de}.eyebrow{display:flex;gap:8px;align-items:center}.eyebrow-line{height:2px;width:17px;background:#4874de}.page-heading h1{font:800 clamp(23px,2.45vw,31px)/1.26 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.3px;margin:11px 0 6px;color:var(--text)}.heading-light{font-weight:500}.page-heading p{margin:0;color:var(--muted);font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;padding:0 15px;border-radius:9px;border:1px solid transparent;white-space:nowrap;font-size:12px;font-weight:800;transition:.18s}.button .icon{width:16px;height:16px}.button-primary{color:white;background:var(--accent);box-shadow:0 4px 11px #315de52b}.button-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.button-outline{color:var(--text);border-color:var(--border);background:var(--surface)}.button-outline:hover{border-color:#b4c7f5;color:var(--accent)}.button-soft{color:#4161b2;border-color:#dbe5ff;background:var(--accent-soft)}.button-soft:hover{background:#dce8ff}.button-danger{color:#b82f48;background:#fff1f3;border:1px solid #ffe0e6}.button-danger:hover{background:#ffe5e9}.alert-banner{display:flex;gap:11px;align-items:center;padding:13px 15px;border-radius:11px;border:1px solid #f7d5c1;background:#fff5ed;color:#92532f;margin-bottom:19px;font-size:12px}.alert-banner>span{flex:1}.mini-link{background:none;border:0;text-decoration:underline;font-weight:800;color:inherit}.alert-banner .icon{flex:none}
.hero{min-height:206px;border-radius:17px;overflow:hidden;position:relative;background:radial-gradient(circle at 85% 30%,#274f83 0%,transparent 35%),linear-gradient(108deg,#142a4b,#1b3d6a);display:flex;justify-content:space-between;color:white;box-shadow:0 10px 28px #1025401b;margin-bottom:22px}.hero:after{content:'';position:absolute;inset:auto -9% -260px 25%;height:330px;border-radius:50%;border:1px solid #adc5ff14;pointer-events:none}.hero-copy{position:relative;z-index:2;padding:25px 34px 23px}.hero-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff24;background:#ffffff0d;border-radius:5px;color:#d6e5ff;font-size:9px;letter-spacing:1.2px;font-weight:800;padding:5px 9px}.live-dot{width:6px;height:6px;background:#5de0b0;border-radius:50%;box-shadow:0 0 0 4px #5de0b018}.hero h2{font:800 clamp(23px,2.6vw,31px)/1.27 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.2px;margin:13px 0 7px}.hero h2 span{color:#93bbff}.hero p{font-size:11px;color:#bacce5;max-width:475px;line-height:1.6;margin:0}.hero-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:11px;background:none;border:0;color:#fff;padding:14px 0 0}.hero-link .icon{width:14px;height:14px;transition:transform .2s}.hero-link:hover .icon{transform:translateX(4px)}.hero-art{position:absolute;top:0;right:3%;height:100%;width:40%;overflow:hidden}.orb{position:absolute;border:1px solid #a1c4ff1a;border-radius:50%;width:260px;height:260px;top:-55px;right:22px}.orb-two{width:390px;height:390px;top:-120px;right:-32px}.art-card{position:absolute;background:#ffffff18;border:1px solid #d9e5ff32;backdrop-filter:blur(9px);border-radius:13px;box-shadow:0 10px 22px #0002}.art-one{right:93px;top:22px;width:182px;height:57px;padding:14px 13px;transform:rotate(-9deg);display:flex;flex-wrap:wrap;column-gap:11px;align-items:center}.art-dot{width:23px;height:23px;flex:none;border-radius:8px;background:#79b8ff55}.art-dot.green{background:#4ddaac88}.art-bar{display:block;height:6px;width:66px;border-radius:30px;background:#d0dfff88}.art-bar.short{width:44px;opacity:.5}.art-one .short{position:absolute;top:37px;left:48px}.art-two{right:26px;top:89px;width:222px;height:80px;padding:18px;display:flex;align-items:center;gap:11px;transform:rotate(7deg)}.art-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#ffffff33;color:white;font-weight:800}.art-two .art-bar{position:absolute;top:27px;left:72px;width:90px}.art-two .short{top:43px;width:52px}.art-two .icon{position:absolute;right:17px;top:28px;color:#6fe5b1}.art-ring{position:absolute;top:57px;right:130px;width:110px;height:110px;border-radius:50%;border:1px dashed #bed5ff45}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 19px;box-shadow:var(--shadow);min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:11px}.stat-symbol .icon{width:19px;height:19px}.stat-symbol.blue{background:#edf2ff;color:#456ce4}.stat-symbol.purple{background:#f3edff;color:#9361d9}.stat-symbol.amber{background:#fff5e7;color:#d69b42}.stat-symbol.green{background:#e8faf3;color:#23a880}.stat-trend{font-size:10px;font-weight:800;color:#a0a9b7;white-space:nowrap}.stat-value{font:800 clamp(23px,2.7vw,32px) 'Plus Jakarta Sans',sans-serif;letter-spacing:-.7px;margin:12px 0 1px;line-height:1.25}.stat-title{font-weight:800;font-size:12px}.stat-foot{font-size:10px;color:#a0aab8;margin-top:6px}
.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:19px;align-items:start}.panel{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.directory-panel{padding:22px 0 0;overflow:hidden}.panel-heading{padding:0 22px 21px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading h2,.rail-head h2{font:800 18px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.5px;margin:5px 0}.panel-heading p,.rail-description{font-size:11px;color:var(--muted);margin:3px 0 0}.small-count{color:#6282db;background:#edf2ff;border:1px solid #dfe8ff;padding:4px 8px;border-radius:6px;font:800 10px 'DM Sans',sans-serif;letter-spacing:0;margin-left:6px;white-space:nowrap}.table-tools{display:flex;gap:10px;align-items:center;padding:0 22px 14px}.search-field{height:40px;display:flex;align-items:center;gap:11px;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:0 12px;min-width:120px;flex:1;color:#8a98aa}.search-field:focus-within{border-color:#91acf0;box-shadow:0 0 0 3px #315de510}.search-field>.icon{width:17px;height:17px}.search-field input{min-width:0;flex:1;outline:0;border:0;background:none;color:var(--text);font-size:11px}.search-field input::placeholder{color:#a5afbf}.search-field kbd{color:#95a3ba;border:1px solid var(--border);background:var(--surface);font-size:10px;white-space:nowrap;padding:1px 5px;border-radius:4px}.tool-actions{display:flex;align-items:center;gap:8px}select{color:var(--text)}.tool-actions select,.page-size select{border:1px solid var(--border);background:var(--surface);padding:0 28px 0 10px;border-radius:9px;height:39px;max-width:155px;font-size:11px;font-weight:700;outline:none}.filter-bar{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:8px;background:var(--surface-2);border-block:1px solid var(--border);padding:13px 22px;margin-bottom:12px}.filter-bar label{display:grid;gap:5px;font-size:10px;font-weight:800;color:var(--muted)}.filter-bar input,.filter-bar select{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);height:36px;padding:0 9px;font-size:11px;min-width:0;outline:none}.filter-bar .button{min-height:36px}.active-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;padding:0 22px 16px}.filter-chip{border:1px solid var(--border);background:var(--surface);padding:6px 11px;border-radius:7px;color:#68788e;font-size:10px;font-weight:800;white-space:nowrap}.filter-chip span{opacity:.65;margin-left:4px}.filter-chip:hover{border-color:#abc0f8}.filter-chip.active{background:#eaf0ff;color:#3260da;border-color:#d3e0ff}.bulk-bar{margin:0 22px 14px;border:1px solid #d6e2ff;background:#f0f5ff;border-radius:9px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#3156b2;font-size:11px}.bulk-bar>div{display:flex;gap:7px}.bulk-bar .button{min-height:30px}.table-scroll{overflow-x:auto;width:100%}.directory-table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed}.directory-table th{text-align:left;background:var(--surface-2);font-size:9px;color:#8995a8;font-weight:800;letter-spacing:.8px;padding:12px 11px;white-space:nowrap;border-block:1px solid var(--border)}.directory-table td{border-bottom:1px solid var(--border);padding:14px 11px;vertical-align:middle;font-size:11px}.directory-table tbody tr:hover{background:var(--surface-2)}.directory-table tbody tr:last-child td{border-bottom:0}.directory-table th:nth-child(1){width:37px;padding-left:22px}.directory-table td:nth-child(1){padding-left:22px}.directory-table th:nth-child(2){width:27%}.directory-table th:nth-child(3){width:18%}.directory-table th:nth-child(4){width:27%}.directory-table th:nth-child(5){width:17%}.directory-table th:nth-child(6){width:91px;text-align:right;padding-right:22px}.directory-table td:nth-child(6){text-align:right;padding-right:22px}.directory-table input[type=checkbox],.bulk-bar input{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.person{display:flex;align-items:center;gap:10px;min-width:0}.person-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;flex:none;font:800 11px 'Plus Jakarta Sans',sans-serif}.avatar-0{background:#e9f0ff;color:#4266cd}.avatar-1{background:#f5ebff;color:#9561c0}.avatar-2{background:#e9f7f4;color:#2b9c7c}.avatar-3{background:#fff2e6;color:#c38b4d}.avatar-4{background:#ffedf0;color:#c95869}.person-name{font-weight:800;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-sub{font-size:10px;color:#9ba6b6;white-space:nowrap;margin-top:3px}.phone-link{color:var(--text);font-weight:700;white-space:nowrap;font-size:11px}.phone-link:hover{color:var(--accent)}.company-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.company-sub{font-size:10px;color:#a3adba;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.pill{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;background:#eef2fc;color:#5473bd;padding:5px 7px;font-size:10px;font-weight:800}.action-group{display:flex;justify-content:flex-end;gap:5px}.action-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);border-radius:8px;color:#78869a}.action-icon:hover{border-color:#c5d7ff;color:var(--accent)}.action-icon.danger:hover{border-color:#f8c1ca;color:var(--danger);background:#fff0f3}.action-icon svg{height:14px;width:14px}.table-loading{text-align:center;padding:75px 10px!important;color:var(--muted)}.empty-state{text-align:center;padding:48px 14px!important}.empty-state .empty-icon{display:grid;place-items:center;margin:0 auto 12px;width:49px;height:49px;border-radius:15px;background:var(--accent-soft);color:var(--accent)}.empty-state strong{display:block;font:800 14px 'Plus Jakarta Sans',sans-serif;margin-bottom:4px}.empty-state p{font-size:11px;color:var(--muted);margin:0}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--border);padding:16px 22px;font-size:10px;color:var(--muted)}.page-controls{display:flex;align-items:center;gap:8px}.page-size{display:flex;gap:7px;align-items:center;margin-right:5px;white-space:nowrap}.page-size select{height:30px;width:61px;padding:0 3px;text-align:center}.pager{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--border);background:var(--surface);border-radius:8px;color:var(--text)}.pager:hover:not(:disabled){color:var(--accent);border-color:#aac2ff}.pager svg{width:15px;height:15px}.rotated{transform:rotate(180deg)}.page-number{min-width:41px;text-align:center;font-weight:700}
.right-rail{display:grid;gap:17px}.category-panel,.tools-panel{padding:21px 19px}.rail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.rail-head h2{margin:4px 0}.round-plus{width:31px;height:31px;background:var(--accent-soft);border:1px solid #d8e4ff;border-radius:8px;color:var(--accent);display:grid;place-items:center}.round-plus .icon{width:17px;height:17px}.round-plus:hover{background:#dbe7ff}.rail-description{line-height:1.65;max-width:260px}.rail-categories{display:grid;gap:3px;margin-top:16px}.rail-category{display:flex;align-items:center;gap:8px;padding:8px 5px;border-radius:8px}.rail-category:hover{background:var(--surface-2)}.cat-color{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;flex:none;background:#edf2ff;color:#5271c7}.cat-color .icon{width:14px;height:14px}.cat-color.color-1{background:#f6efff;color:#975bc5}.cat-color.color-2{background:#e8faf2;color:#26a781}.cat-color.color-3{background:#fff4e8;color:#d79b52}.cat-color.color-4{background:#ffedf1;color:#d46575}.cat-name{border:0;background:none;flex:1;text-align:left;min-width:0;color:var(--text);font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0}.cat-name:hover{color:var(--accent)}.cat-count{font-size:10px;font-weight:800;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);padding:1px 6px;border-radius:6px}.cat-actions{display:flex;gap:1px}.cat-actions button{padding:3px;border:0;background:transparent;color:#9ba9b8;border-radius:4px;display:grid;place-items:center}.cat-actions button:hover{background:var(--accent-soft);color:var(--accent)}.cat-actions button.danger:hover{background:#fff0f3;color:var(--danger)}.cat-actions svg{width:12px;height:12px}.rail-muted{font-size:11px;color:var(--muted)}.tools-head-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.tools-head-icon svg{width:17px;height:17px}.tool-list{margin-top:15px}.tool-list>button{width:100%;display:flex;align-items:center;text-align:left;gap:10px;border:0;border-top:1px solid var(--border);background:transparent;padding:11px 0;color:var(--text)}.tool-list>button:hover strong{color:var(--accent)}.tool-list>button>span:nth-child(2){flex:1;min-width:0;display:grid;gap:2px}.tool-list strong{font-size:11px;font-weight:800}.tool-list small{font-size:10px;color:var(--muted)}.tool-badge{width:33px;height:33px;flex:none;border-radius:9px;display:grid;place-items:center}.tool-badge svg{width:15px;height:15px}.tool-badge.green{background:#e9f9f2;color:#27a77a}.tool-badge.blue{background:#eaf1ff;color:#567bdc}.tool-badge.purple{background:#f3edff;color:#9466d2}.tool-badge.amber{background:#fff4e7;color:#ca9658}.tool-chevron{width:13px!important;height:13px!important;color:#c0c8d4}.bottom-note{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9eabbb;font-size:10px;margin:24px 1px 7px}.bottom-note>span:last-child{display:flex;align-items:center;gap:7px}.footer-status{width:6px;height:6px;display:inline-block;background:#dba348;border-radius:50%}.footer-status.ok{background:#28bd89}.footer-status.bad{background:#e65f6e}
.modal-backdrop{position:fixed;z-index:150;inset:0;background:#071426a8;backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;overflow-y:auto}.modal-dialog{width:min(100%,590px);background:var(--surface);border-radius:18px;box-shadow:0 24px 80px #020a1a6b;padding:26px;max-height:min(92vh,850px);overflow:auto}.modal-small{max-width:450px}.modal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:21px}.modal-top h2{font:800 21px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.55px;margin:6px 0 4px}.modal-top p{color:var(--muted);font-size:12px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 16px}.form-grid label,.full-label{display:grid;align-content:start;gap:7px;font-size:11px;font-weight:800;color:var(--text)}.form-grid em,.full-label em{color:#d44a5d;font-style:normal}.form-grid input,.form-grid select,.form-grid textarea,.full-label input{width:100%;border:1px solid #dfe6f0;border-radius:9px;background:var(--surface);color:var(--text);outline:none;padding:10px 11px;min-height:42px;font-size:12px;font-weight:500}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.full-label input:focus{border-color:#6c94e9;box-shadow:0 0 0 3px #315de515}.form-grid input::placeholder,.form-grid textarea::placeholder,.full-label input::placeholder{color:#a9b3c2}.form-grid textarea{resize:vertical}.form-grid small{color:#ae754b;font-weight:500}.span-two{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px;padding-top:18px;border-top:1px solid var(--border)}.modal-actions .button{min-width:95px}.shortcuts{display:grid;gap:0}.shortcuts>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border);font-size:12px;font-weight:600}.shortcuts kbd{font-size:10px;color:var(--muted);border:1px solid var(--border);padding:5px 8px;border-radius:6px}.toast-stack{position:fixed;z-index:300;right:20px;bottom:20px;display:grid;gap:8px;max-width:min(430px,calc(100vw - 40px))}.toast{display:flex;align-items:flex-start;gap:10px;background:#182b48;color:#fff;border:1px solid #466182;padding:13px 15px;border-radius:12px;box-shadow:0 10px 34px #11213c3d;font-size:12px;font-weight:600;line-height:1.6;animation:toastIn .22s ease}.toast svg{color:#7be0b3}.toast.error svg{color:#ff9dac}.toast.warn svg{color:#ffcf90}@keyframes toastIn{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.busy-cover{position:fixed;inset:0;z-index:240;background:#0b19336e;display:grid;place-items:center}.busy-card{background:var(--surface);border-radius:16px;box-shadow:0 20px 50px #0002;display:grid;justify-items:center;gap:8px;min-width:255px;padding:27px;color:var(--text)}.busy-card strong{font-weight:800}.busy-card small{color:var(--muted)}.inline-loader{display:inline-block;border:3px solid #c9d8ff;border-top-color:#3b65dc;width:24px;height:24px;border-radius:50%;vertical-align:middle;animation:rotate .75s linear infinite;margin-right:6px}@keyframes rotate{to{transform:rotate(360deg)}}
body.theme-dark{color-scheme:dark;--bg:#0d1625;--surface:#142035;--surface-2:#19283e;--text:#e9eef8;--muted:#9bacbf;--border:#2a3951;--accent:#6590ff;--accent-hover:#4b79ed;--accent-soft:#253653;--shadow:0 8px 30px #0000001a}body.theme-dark .brand-words,body.theme-dark .sidebar{color:#e4ecfc}body.theme-dark .sidebar{background:#101c30}body.theme-dark .hero{background:radial-gradient(circle at 85% 30%,#30517d 0%,transparent 35%),linear-gradient(108deg,#1d3050,#263f66)}body.theme-dark .stat-symbol,body.theme-dark .tool-badge,body.theme-dark .cat-color,body.theme-dark .round-plus,body.theme-dark .tools-head-icon{filter:brightness(.85)}body.theme-dark .filter-chip.active,body.theme-dark .small-count,body.theme-dark .bulk-bar{background:#263957;color:#a5bcff;border-color:#3c527e}body.theme-dark .pill{background:#293955;color:#9db8ff}body.theme-dark .form-grid input,body.theme-dark .form-grid select,body.theme-dark .form-grid textarea,body.theme-dark .full-label input{border-color:var(--border)}body.theme-dark .alert-banner{background:#39291f;border-color:#62452d;color:#ffd3aa}body.theme-dark .button-danger{background:#3a222d;color:#ffb4c1;border-color:#663542}
@media(max-width:1400px){.content-wrap{padding-inline:25px}.topbar{padding-inline:25px}.main-grid{grid-template-columns:minmax(0,1fr) 259px;gap:14px}.stats-grid{gap:11px}.stat-card{padding:17px 15px}.directory-table th,.directory-table td{padding-inline:8px}.directory-table td:nth-child(1),.directory-table th:nth-child(1){padding-left:16px}.directory-table td:nth-child(6),.directory-table th:nth-child(6){padding-right:14px}}
@media(max-width:1150px){.main-grid{grid-template-columns:minmax(0,1fr)}.right-rail{grid-template-columns:1fr 1fr}.sidebar{width:224px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{right:-5%}}
@media(max-width:790px){.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translateX(-110%);transition:transform .22s;height:100dvh;width:min(280px,85vw)}.sidebar.open{transform:translateX(0)}.mobile-shade:not([hidden]){display:block;position:fixed;z-index:55;inset:0;background:#09172a98}.mobile-menu{display:grid}.topbar{height:67px;padding:0 16px}.topbar-date{display:none}.content-wrap{padding:22px 16px}.hero-art{opacity:.3;right:-15%;width:65%}.hero-copy{padding:22px}.stats-grid{gap:10px}.page-heading{align-items:flex-start}.page-create{min-height:36px;padding-inline:10px}.page-heading h1{font-size:23px}.page-heading p{max-width:390px}.right-rail{grid-template-columns:1fr 1fr}.directory-panel{padding-top:19px}}
@media(max-width:600px){.topbar-left{gap:8px}.topbar-right{gap:5px}.topbar-right .icon-button{width:33px;height:33px}.profile-avatar{margin-left:1px}.page-heading{display:block}.page-create{margin-top:15px}.hero{min-height:190px}.hero-copy{padding:19px 22px}.hero h2{font-size:23px}.hero p{max-width:280px}.hero-art{opacity:.15;right:-60px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:15px 12px}.stat-trend{display:none}.stat-foot{line-height:1.4}.right-rail{grid-template-columns:1fr}.panel-heading{padding:0 15px 15px}.table-tools{padding:0 15px 14px;display:grid}.tool-actions{justify-content:space-between}.tool-actions select{max-width:none;flex:1}.table-tools .search-field{width:100%}.filter-bar{grid-template-columns:1fr 1fr;padding:12px 15px}.filter-bar label:first-child{grid-column:1/-1}.filter-bar>.button{grid-column:1/-1}.active-filters{padding-inline:15px}.directory-table{min-width:695px}.table-footer{padding:14px 15px;flex-wrap:wrap}.page-controls{margin-left:auto}.page-size{display:none}.modal-dialog{padding:20px}.form-grid{gap:12px}.bulk-bar{margin-inline:15px;flex-wrap:wrap}.bottom-note{align-items:flex-start;line-height:1.7}}
@media(max-width:375px){.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.hero p{font-size:10px}.page-heading h1{font-size:21px}.stat-value{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.sidebar,.topbar,.page-create,.hero,.right-rail,.table-tools,.active-filters,.table-footer,.bulk-bar,.modal-backdrop,.toast-stack,.busy-cover,.alert-banner,.bottom-note,.stats-grid,.panel-heading>.button{display:none!important}.app-main{width:100%}.content-wrap{padding:0!important;max-width:none}.main-grid{display:block}.directory-panel{border:0;box-shadow:none}.directory-table{width:100%;min-width:0}.directory-table th,.directory-table td{font-size:10px;padding:6px;break-inside:avoid}.directory-table .check-col,.directory-table td:first-child,.directory-table .actions-col,.directory-table td:last-child{display:none}.page-heading{margin-bottom:15px}body{background:white;color:#111}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}