:root{--canvas-0:#e7eff7;--canvas-1:#d5e1ed;--canvas-2:#c6d3e0;--surface-a:#fafdffeb;--surface-b:#e6eef7d6;--surface-c:#d6e2edc2;--blue:#2f67a8;--blue-dark:#1f4d80;--blue-bg:#dbe9f8;--blue-grad:linear-gradient(145deg, #4f89cc, #24558f);--green:#3f8c69;--green-bg:#d9f0e4;--green-grad:linear-gradient(145deg, #65ad8a, #347b5b);--orange:#c58a2b;--orange-bg:#f6e6c8;--orange-grad:linear-gradient(145deg, #e1ad55, #a56b1b);--red:#b54f60;--red-bg:#f6dde1;--red-grad:linear-gradient(145deg, #d97a88, #a93f53);--purple:#7359aa;--purple-bg:#e6ddf5;--purple-grad:linear-gradient(145deg, #9a82cb, #624594);--gray:#5f7590;--gray-bg:#dde4ea;--gray-grad:linear-gradient(145deg, #8199b3, #4c6580);--teal:#2f8fa3;--teal-bg:#d8eef2;--teal-grad:linear-gradient(145deg, #4bb4c4, #1f7a89);--cyan:#3f9fc7;--cyan-bg:#dbeef8;--cyan-grad:linear-gradient(145deg, #63bfe0, #2d84a8);--pink:#a24f76;--pink-bg:#f0dfe9;--pink-grad:linear-gradient(145deg, #c67397, #8a3f61);--indigo:#5164ad;--indigo-bg:#dfe2f5;--indigo-grad:linear-gradient(145deg, #7d8fd0, #465a9e);--cat-blue:var(--blue);--cat-blue-bg:var(--blue-bg);--cat-blue-grad:var(--blue-grad);--cat-orange:var(--orange);--cat-orange-bg:var(--orange-bg);--cat-orange-grad:var(--orange-grad);--cat-pink:var(--pink);--cat-pink-bg:var(--pink-bg);--cat-pink-grad:var(--pink-grad);--cat-purple:var(--purple);--cat-purple-bg:var(--purple-bg);--cat-purple-grad:var(--purple-grad);--cat-teal:var(--teal);--cat-teal-bg:var(--teal-bg);--cat-teal-grad:var(--teal-grad);--cat-green:var(--green);--cat-green-bg:var(--green-bg);--cat-green-grad:var(--green-grad);--cat-red:var(--red);--cat-red-bg:var(--red-bg);--cat-red-grad:var(--red-grad);--cat-indigo:var(--indigo);--cat-indigo-bg:var(--indigo-bg);--cat-indigo-grad:var(--indigo-grad);--cat-cyan:var(--cyan);--cat-cyan-bg:var(--cyan-bg);--cat-cyan-grad:var(--cyan-grad);--cat-gray:var(--gray);--cat-gray-bg:var(--gray-bg);--cat-gray-grad:var(--gray-grad);--ink:#000;--sub:#5f7590;--sub-2:#8697ad;--border:#60799133;--border-strong:#576e8552;--sidebar-w:212px;--sidebar-w-collapsed:76px;--topbar-h:70px;--radius:11px;--radius-lg:15px;--radius-xl:19px;--shadow:8px 10px 22px #687e954d, 2px 3px 5px #42576d33;--shadow-sm:4px 5px 11px #687e9542, 1px 2px 3px #42576d29;--shadow-lg:14px 18px 36px #3a4f655c, -8px -8px 20px #ffffff8c;--shadow-raised:8px 10px 22px #687e9557, 2px 3px 5px #42576d38, -7px -7px 18px #fffc;--shadow-raised-sm:4px 5px 11px #687e954d, 1px 2px 3px #42576d33, -4px -4px 10px #ffffffc2;--shadow-inset:inset 3px 3px 7px #697e9442, inset -3px -3px 7px #ffffffbd;--shadow-pressed:inset 4px 4px 9px #60758b4d, inset -4px -4px 9px #ffffffad;--shadow-card:var(--shadow-raised-sm);--shadow-pop:0 20px 50px #0f172a52;--font:Inter, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--speed:.18s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px}body{font-family:var(--font);color:var(--ink);letter-spacing:-.006em;background:radial-gradient(circle at 14% 2%, #ffffff8c, transparent 30%), radial-gradient(circle at 88% 10%, #ffffff3d, transparent 22%), linear-gradient(145deg, var(--canvas-0) 0%, var(--canvas-1) 45%, var(--canvas-2) 100%);font-size:14px;line-height:1.45}h1{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:750;line-height:1.3}.label{color:var(--sub);font-size:12px;font-weight:500}.caption{color:var(--sub-2);font-size:11px;font-weight:500}.box{background:linear-gradient(145deg, var(--surface-a), var(--surface-b));border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);-webkit-backdrop-filter:blur(15px)saturate(118%);backdrop-filter:blur(15px)saturate(118%);margin-bottom:var(--space-4);border:1px solid #fff9;padding:18px}.ledger{grid-template-columns:auto auto 1fr;gap:3px 14px;font-size:12px;display:grid}.ledger .v{text-align:right;color:var(--blue-dark);font-weight:700}.ledger .s{color:var(--sub);font-size:11.5px}.ledger .hr{border-top:1px solid var(--border);grid-column:1/-1;margin:3px 0}.btn{color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-raised-sm);cursor:pointer;min-height:38px;transition:transform var(--speed) var(--ease), box-shadow var(--speed) var(--ease), filter var(--speed) var(--ease);background:linear-gradient(145deg,#f7fcffe6,#d5e1eed1);border:1px solid #fff9;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow-pressed);transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--blue-grad);color:#fff;border-color:#0000}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn-danger{color:var(--red);background:linear-gradient(145deg,#f7fcffe6,#d5e1eed1);border-color:#b54f604d}.btn-sm{min-height:32px;padding:0 10px;font-size:12.5px}.btn-icon{border-radius:var(--radius);justify-content:center;width:38px;padding:0}input,textarea,select{border-radius:var(--radius);box-shadow:var(--shadow-inset);color:var(--ink);transition:box-shadow var(--speed);background:#cedbe86b;border:1px solid #fff9;outline:none;padding:9px 12px;font-family:inherit;font-size:13.5px}input:focus,select:focus,textarea:focus{box-shadow:var(--shadow-inset), 0 0 0 3px #2f67a838}input::placeholder{color:var(--sub-2);opacity:.6}.ico{stroke-width:1.8px;width:1.1em;height:1.1em}.badge{background:var(--gray-bg);color:#4a5a6b;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;min-height:22px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffffa6,2px 3px 6px #5b708629}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-green{background:var(--green-bg);color:#1f6146}.badge-orange{background:var(--orange-bg);color:#85580e}.badge-red{background:var(--red-bg);color:#8a3041}.badge-gray{background:var(--gray-bg);color:var(--gray)}.badge-purple{background:var(--purple-bg);color:#5b4187}.kng-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.kng-table th{text-align:left;color:var(--sub);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:0 0;padding:11px 14px;font-size:10.5px;font-weight:600!important}.kng-table td{vertical-align:middle;border-bottom:1px solid #60799124;padding:12px 14px}.kng-table tbody tr:hover td{background:#ffffff4d}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.shell{z-index:1000;padding:var(--space-4);background:radial-gradient(#1b2030 0%,#0a0d15 78%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(145deg,#f9fcfff7,#dee8f2f7);flex-direction:column;width:min(360px,90vw);padding:30px;display:flex;box-shadow:0 20px 60px #0f172a66}.login-logo{width:112px;height:112px;box-shadow:var(--shadow-raised-sm);background:linear-gradient(145deg,#f7fcffe6,#d5e1eed1);border-radius:999px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex;overflow:hidden}.login-logo img{object-fit:cover;filter:drop-shadow(0 0 16px #d6af5e66);max-width:100%;max-height:100%}.login-card h3{margin:0 0 6px;font-size:17px;font-weight:600}.login-card .text-sub{color:var(--sub);margin-bottom:18px;font-size:12.5px}.login-field{margin-bottom:10px;position:relative}.login-field input{box-sizing:border-box;width:100%;padding-left:46px;display:block}.login-field-icon{pointer-events:none;width:24px;height:24px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.login-field-icon.icon-user{color:var(--blue)}.login-field-icon.icon-lock{color:var(--orange)}.login-err{color:var(--red);min-height:18px;margin:2px 0 6px;font-size:12.5px}.login-row{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.login-remember{color:var(--sub);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:flex}.login-row .btn{width:auto;padding-left:22px;padding-right:22px}.workspace-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);-webkit-backdrop-filter:blur(18px)saturate(118%);backdrop-filter:blur(18px)saturate(118%);color:var(--ink);padding:var(--space-4) var(--space-3);gap:var(--space-4);z-index:10;background:linear-gradient(170deg,#eef6fde6,#cddbe9d6);border-right:1px solid #fff9;flex-direction:column;flex:none;height:100vh;transition:width .2s;display:flex;position:sticky;top:0;overflow:hidden auto;box-shadow:8px 0 18px #50677f2e,inset -1px 0 #5b738b24}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-head{padding:0 var(--space-2);justify-content:space-between;align-items:center;min-height:32px;display:flex}.brand-text{letter-spacing:.02em;color:var(--blue-dark);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.collapse-btn{color:var(--sub);box-shadow:var(--shadow-raised-sm);border-radius:var(--radius);cursor:pointer;width:28px;height:28px;transition:transform var(--speed) var(--ease);background:linear-gradient(145deg,#f7fcffe6,#d5e1eed1);border:1px solid #fff9;flex:none;justify-content:center;align-items:center;display:inline-flex}.collapse-btn:hover{transform:translateY(-1px)}.sidebar.collapsed .collapse-btn{transform:rotate(180deg)}.sidebar.collapsed .collapse-btn:hover{transform:rotate(180deg)translateY(-1px)}.side-nav{gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.nav-group-title{letter-spacing:.12em;text-transform:uppercase;color:var(--sub-2);padding:0 var(--space-2);margin-bottom:var(--space-1);font-size:9px;font-weight:600}.nav-item{width:100%;color:var(--sub);padding:8px var(--space-2);border-radius:var(--radius);cursor:pointer;text-align:left;transition:transform var(--speed) var(--ease), background var(--speed) var(--ease);background:0 0;border:none;align-items:center;gap:10px;margin-bottom:2px;font-size:13.5px;font-weight:500;display:flex}.nav-item:hover{box-shadow:var(--shadow-raised-sm);background:#ffffff57;transform:translate(3px)}.nav-item:hover .nav-ico{transform:scale(1.08)translateY(-1px)}.nav-item.active{color:#173c67;background:linear-gradient(145deg,#e7f2fdeb,#c4d6e8d6);font-weight:600;box-shadow:inset 1px 1px #ffffffdb,4px 5px 10px #61778e47,-4px -4px 10px #ffffffc7}.nav-item.active .nav-ico{box-shadow:inset 0 1px 1px #ffffffa6,2px 3px 7px #0f172a4d}.nav-ico{width:26px;height:26px;color:var(--ic,var(--gray));background-color:var(--ic,var(--gray));background-image:linear-gradient(155deg, #fff6 0%, #fff0 60%), var(--ic-grad,var(--gray-grad));transition:transform var(--speed) var(--ease);border-radius:30%;flex:none;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.nav-ico svg{color:#fff}.user-card{padding:var(--space-2);border-top:1px solid var(--border);padding-top:var(--space-3);align-items:center;gap:10px;display:flex}.avatar{background:var(--blue-grad);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-raised-sm);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.user-info{flex:1;min-width:0}.user-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.user-role{color:var(--sub);text-shadow:0 1px #ffffffb3;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.logout-btn{color:var(--sub);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.logout-btn:hover{color:var(--red);background:#fff6}.main-area{flex:1;min-width:0;position:relative}.bg-layer{z-index:0;filter:blur(2px)saturate(1.05);background-position:50%;background-size:cover;position:fixed;inset:0;transform:scale(1.03)}.bg-layer-fade{transition:opacity 1.6s}.bg-overlay{z-index:0;background:linear-gradient(#eef4fa57,#eef4fa57);position:fixed;inset:0}.main-content{z-index:1;max-width:1180px;margin:0 auto;padding:28px;position:relative}.page-head{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.page-head h1{color:var(--ink)}.head-actions{align-items:center;gap:var(--space-3);display:flex}.kpi-grid{margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.kpi-card{align-items:center;gap:12px;min-height:90px;display:flex;position:relative;overflow:hidden}.kpi-ico{background-color:var(--ic,var(--blue));background-image:linear-gradient(155deg, #fff6 0%, #fff0 60%), var(--ic-grad,var(--blue-grad));width:42px;height:42px;box-shadow:inset 0 1px 1px #ffffff8c, var(--shadow-raised-sm);color:#fff;border-radius:28%;flex:none;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.kpi-body .v{letter-spacing:-.01em;color:var(--ink);text-shadow:-1px -1px #ffffffd9,1px 2px 2px #43576c29;font-size:20px;font-weight:900;line-height:1.1}.kpi-body .l{color:var(--sub-2);text-shadow:0 1px #ffffffb3;margin-top:4px;font-size:11px;font-weight:650}.module-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.module-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;text-align:left;background:#fffc;border:1px solid #8594b433;border-radius:13px;align-items:flex-start;gap:12px;min-height:108px;margin:0;padding:13px;transition:all .18s;display:flex;position:relative;box-shadow:0 7px 20px #374b7317}.module-card:hover{border-color:#246bfd52;transform:translateY(-3px);box-shadow:0 12px 26px #374b7326}.module-ico{color:#fff;background-color:var(--ic,var(--blue));background-image:linear-gradient(155deg, #fff6 0%, #fff0 60%), var(--ic-grad,var(--blue-grad));border-radius:11px;flex:none;justify-content:center;align-items:center;width:43px;height:43px;font-size:20px;display:inline-flex;box-shadow:inset 0 1px #ffffff8c,0 5px 10px #2238622e}.module-copy{flex:1;min-width:0}.module-card h3{color:#17233a;margin:0;font-size:13px;font-weight:750}.module-card p{color:#66728a;margin:3px 0 0;font-size:10px;line-height:1.3}.module-state{color:var(--blue);align-items:center;gap:2px;margin-top:8px;font-size:11.5px;font-weight:700;display:inline-flex}.pill-tabs{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.pill-tab{color:var(--sub);box-shadow:var(--shadow-raised-sm);cursor:pointer;transition:transform var(--speed) var(--ease);background:linear-gradient(145deg,#f7fcffe6,#d5e1eed1);border:1px solid #fff9;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.pill-tab:hover{color:var(--ink);transform:translateY(-2px)}.pill-tab.active{background:var(--blue-grad);color:#fff;border-color:#0000}.form-section{margin-bottom:var(--space-5)}.form-section-head{margin-bottom:var(--space-3);align-items:center;gap:10px;display:flex}.form-section-ico{color:#fff;background-color:var(--ic,var(--blue));background-image:linear-gradient(155deg, #fff6 0%, #fff0 60%), var(--ic-grad,var(--blue-grad));border-radius:30%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:inline-flex}.form-section-head h4{margin:0;font-size:14px;font-weight:750}.form-section-bar{background:var(--ic,var(--blue));height:2px;margin-top:var(--space-2);border-radius:2px}.form-row{gap:var(--space-4);flex-direction:column;display:flex}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-row label{gap:var(--space-1);flex-direction:column;display:flex}.toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.table-wrap{overflow-x:auto}.row-actions{gap:var(--space-2);white-space:nowrap;display:flex}.bg-swatch-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.bg-swatch{border-radius:var(--radius);cursor:pointer;height:90px;padding:var(--space-2);border:2px solid #0000;align-items:flex-end;display:flex;position:relative;overflow:hidden}.bg-swatch.active{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.bg-swatch span{color:#fff;background:#00000073;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.bg-swatch.none-swatch{border:1px dashed var(--border-strong);background:#ffffff80;justify-content:center;align-items:center}.bg-swatch.none-swatch span{color:var(--sub);text-shadow:none;background:0 0}@media (width<=900px){.sidebar{z-index:150;height:100vh;transition:left .2s;position:fixed;top:0;left:-260px;box-shadow:12px 0 32px #0f172a2e}.sidebar.mobile-open{left:0}.sidebar.collapsed{width:var(--sidebar-w);left:-260px}.sidebar.collapsed.mobile-open{left:0}.main-content{padding:16px}.mobile-menu-btn{display:inline-flex!important}}.mobile-menu-btn{box-shadow:var(--shadow-raised-sm);border-radius:var(--radius);cursor:pointer;background:linear-gradient(145deg,#f7fcffe6,#d5e1eed1);border:1px solid #fff9;justify-content:center;align-items:center;width:38px;height:38px;display:none}@media (width<=720px){.grid-2{grid-template-columns:1fr}.page-head{gap:var(--space-3);flex-wrap:wrap}.global-search{display:none}}.page-head-tools{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.global-search{width:240px;position:relative}.global-search input{width:100%;padding-left:32px}.global-search .search-ic{color:var(--sub);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-dropdown,.notif-dropdown{background:linear-gradient(145deg, var(--surface-a), var(--surface-b));border-radius:var(--radius);width:280px;box-shadow:var(--shadow-pop);z-index:30;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #fff9;padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.global-search .search-dropdown{width:100%;left:0;right:auto}.search-result,.notif-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:2px;width:100%;padding:8px 10px;display:flex}.search-result:hover,.notif-item:hover{background:#fff6}.sr-label{color:var(--ink);font-size:13px;font-weight:700}.sr-sub{color:var(--sub);text-shadow:0 1px #ffffffb3;font-size:11.5px}.search-empty{text-align:center;color:var(--sub);padding:10px;font-size:12px}.notif-bell{position:relative}.icon-btn{width:36px;height:36px;box-shadow:none;cursor:pointer;color:var(--orange);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:15px;transition:transform .15s;display:inline-flex;position:relative}.icon-btn:hover{transform:translateY(-2px)scale(1.06)}.notif-count{background:var(--red);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 3px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:-3px;right:-3px;box-shadow:0 3px 8px #a1373759}.notif-head{text-transform:uppercase;letter-spacing:.04em;color:var(--sub);text-shadow:none;padding:6px 10px 4px;font-size:10.5px;font-weight:800}.notif-more{text-align:center;color:var(--sub);padding:6px 10px;font-size:11.5px}.chat-fab-wrap{z-index:6000;position:fixed}.chat-fab{color:#fff;cursor:grab;touch-action:none;background:linear-gradient(135deg,#22d3ee 0%,#3f6fe2 48%,#8b5cf6 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:inline-flex;box-shadow:0 12px 28px #5046e56b,0 4px 10px #5046e542,inset 0 1px #fff6}.chat-fab:hover{transform:scale(1.08)}.chat-fab:active{cursor:grabbing;transform:scale(.95)}.chat-popover{background:linear-gradient(145deg, var(--surface-a), var(--surface-b));width:min(360px,90vw);max-height:min(420px,70vh);padding:var(--space-3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;position:fixed;overflow:auto;box-shadow:0 20px 50px #0f172a52}.chat-popover-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.pager{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.pager-btns{gap:var(--space-2);display:flex}.pager-btns .btn{min-height:32px;padding:4px 12px}.bulk-bar{align-items:center;gap:var(--space-3);background:var(--blue-bg);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-3);border:1px solid #2f67a84d;flex-wrap:wrap;display:flex}