:root{--side-bg-a:#0f1b33;--side-bg-b:#16233f;--side-line:#ffffff14;--side-text:#cbd5e6;--side-text-dim:#7c8aa8;--side-text-active:#fff;--canvas:#eef1f6;--surface:#fffffff2;--surface-solid:#fff;--surface-2:#f5f7fa;--border:#e4e7ec;--border-strong:#d0d5dd;--ink:#101828;--sub:#667085;--sub-2:#98a2b3;--blue:#2f6fed;--blue-dark:#1e4fc4;--blue-bg:#e3ecfe;--green:#0f9d58;--green-bg:#e0f6e9;--orange:#d97706;--orange-bg:#fef3e2;--red:#dc2626;--red-bg:#fde8e8;--gray:#667085;--gray-bg:#eef1f4;--purple:#7c4fe0;--purple-bg:#ede7fc;--cat-blue:#2f6fed;--cat-blue-bg:#e3ecfe;--cat-orange:#ea9c1f;--cat-orange-bg:#fdf0d8;--cat-pink:#e0518c;--cat-pink-bg:#fbe4ee;--cat-purple:#8355e8;--cat-purple-bg:#ece4fc;--cat-teal:#17a3a3;--cat-teal-bg:#dcf3f3;--cat-green:#2fa668;--cat-green-bg:#e0f4e9;--cat-red:#e0524f;--cat-red-bg:#fbe3e2;--cat-indigo:#5a67d8;--cat-indigo-bg:#e5e7fb;--radius:10px;--radius-lg:14px;--shadow-card:0 1px 2px #1018280a, 0 4px 14px #10182812;--shadow-pop:0 12px 32px #10182829;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--speed:.15s;--ease:cubic-bezier(.2, .7, .3, 1)}body{background:var(--canvas);color:var(--ink);font-size:14px;line-height:1.45}h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700;line-height:1.3}.label{color:var(--sub);font-size:12.5px;font-weight:500}.caption{color:var(--sub-2);font-size:12px}.box{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-5);margin-bottom:var(--space-4);border:1px solid #fff9}.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:600}.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{border:1px solid var(--border);color:var(--ink);cursor:pointer;min-height:38px;transition:background var(--speed) var(--ease), border-color var(--speed) var(--ease), transform 80ms;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff;border-color:#0000}.btn-primary:hover{background:var(--blue-dark)}input,textarea,select{border:1px solid var(--border);background:var(--surface-2);color:var(--ink);transition:border-color var(--speed), box-shadow var(--speed);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg);background:#fff}input::placeholder{color:var(--sub-2)}.ico{stroke-width:1.8px;width:1.1em;height:1.1em}.badge{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-blue{background:var(--blue-bg);color:var(--blue-dark)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-orange{background:var(--orange-bg);color:var(--orange)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-gray{background:var(--gray-bg);color:var(--gray)}.badge-purple{background:var(--purple-bg);color:var(--purple)}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.shell{min-height:100vh;padding:var(--space-4);background:linear-gradient(160deg,#0f1b33 0%,#16233f 55%,#2f6fed 130%);justify-content:center;align-items:center;display:flex}.card{gap:var(--space-4);flex-direction:column;width:min(380px,92vw);display:flex}.card label{gap:var(--space-1);flex-direction:column;display:flex}.workspace-shell{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--side-bg-a), var(--side-bg-b));width:240px;color:var(--side-text);padding:var(--space-4) var(--space-3);gap:var(--space-4);z-index:10;height:100vh;transition:width var(--speed) var(--ease);flex-direction:column;flex:none;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar.collapsed{width:72px}.sidebar-head{padding:0 var(--space-2);justify-content:space-between;align-items:center;min-height:32px;display:flex}.brand-text{letter-spacing:.03em;color:#f2c879;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:800;overflow:hidden}.collapse-btn{color:var(--side-text-dim);cursor:pointer;width:26px;height:26px;transition:background var(--speed), transform var(--speed);background:#ffffff0f;border:none;border-radius:7px;flex:none;justify-content:center;align-items:center;display:inline-flex}.collapse-btn:hover{color:#fff;background:#ffffff1f}.sidebar.collapsed .collapse-btn{transform:rotate(180deg)}.side-nav{gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-group-title{letter-spacing:.07em;text-transform:uppercase;color:var(--side-text-dim);padding:0 var(--space-2);margin-bottom:var(--space-1);font-size:10.5px;font-weight:700}.nav-item{width:100%;color:var(--side-text);padding:8px var(--space-2);cursor:pointer;text-align:left;transition:background var(--speed), color var(--speed);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;font-size:13.5px;font-weight:500;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{background:var(--blue);color:#fff;font-weight:600}.nav-ico{width:26px;height:26px;color:var(--ic,var(--side-text-dim));background:color-mix(in srgb, var(--ic,#7c8aa8) 16%, transparent);border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.nav-item.active .nav-ico{color:#fff;background:#fff3}.nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-card{padding:var(--space-2);border-top:1px solid var(--side-line);padding-top:var(--space-3);align-items:center;gap:10px;display:flex}.avatar{color:#f1f5f9;background:#ffffff1a;border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:inline-flex}.user-info{flex:1;min-width:0}.user-name{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:var(--side-text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.logout-btn{color:var(--side-text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.logout-btn:hover{color:#fff;background:#ffffff1a}.main-area{flex:1;min-width:0;position:relative}.bg-layer{z-index:0;filter:blur(2px)saturate(1.05);position:fixed;inset:0;transform:scale(1.03)}.bg-overlay{z-index:0;background:linear-gradient(#eef1f680,#eef1f6e0 40%);position:fixed;inset:0}.main-content{z-index:1;max-width:1180px;padding:var(--space-6);margin:0 auto;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}.icon-btn-round{background:var(--blue);color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow-card);border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.kpi-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.kpi-card{align-items:flex-start;gap:var(--space-3);display:flex;position:relative;overflow:hidden}.kpi-ico{width:38px;height:38px;color:var(--ic,var(--blue));background:var(--ic-bg,var(--blue-bg));border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.kpi-body .v{color:var(--ink);font-size:22px;font-weight:800;line-height:1.1}.kpi-body .l{color:var(--sub);margin-top:2px;font-size:12px}.module-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.module-card{gap:var(--space-3);flex-direction:column;display:flex}.module-ico{width:42px;height:42px;color:var(--ic,var(--blue));background:var(--ic-bg,var(--blue-bg));border-radius:11px;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.module-card h3{margin:0;font-size:14.5px;font-weight:700}.module-card p{color:var(--sub);min-height:32px;margin:2px 0 0;font-size:12.5px}.module-card .btn{justify-content:center;width:100%}.pill-tabs{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.pill-tab{border:1px solid var(--border);color:var(--sub);cursor:pointer;transition:background var(--speed), color var(--speed), border-color var(--speed);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.pill-tab:hover{border-color:var(--border-strong);color:var(--ink)}.pill-tab.active{background:var(--blue);color:#fff;border-color:#0000;font-weight:600}.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{width:30px;height:30px;color:var(--ic,var(--blue));background:var(--ic-bg,var(--blue-bg));border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.form-section-head h4{margin:0;font-size:14px;font-weight:700}.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}.kng-table{border-collapse:collapse;width:100%;font-size:13px}.kng-table th{text-align:left;color:var(--sub);text-transform:uppercase;letter-spacing:.03em;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-strong);background:var(--surface-2);font-size:11px;font-weight:600}.kng-table td{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border)}.kng-table tbody tr:hover{background:var(--surface-2)}.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{background:var(--surface-2);border:1px dashed var(--border-strong);justify-content:center;align-items:center}.bg-swatch.none-swatch span{color:var(--sub);background:0 0}@media (width<=900px){.sidebar{z-index:40;box-shadow:var(--shadow-pop);position:fixed;top:0;left:-240px}.sidebar.mobile-open{left:0}.sidebar.collapsed{width:240px}.main-content{padding:var(--space-4)}.mobile-menu-btn{display:inline-flex!important}}.mobile-menu-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;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{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px}.global-search input:focus{border-color:var(--blue);outline:none}.search-dropdown,.notif-dropdown{border:1px solid var(--border);border-radius:var(--radius);width:280px;box-shadow:var(--shadow-pop);z-index:30;background:#fff;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:var(--surface-2)}.sr-label{color:var(--ink);font-size:13px;font-weight:600}.sr-sub{font-size:11.5px}.search-empty{text-align:center;padding:10px}.notif-bell{position:relative}.icon-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:inline-flex;position:relative}.icon-btn:hover{background:var(--surface-2)}.notif-count{background:var(--cat-red);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.notif-head{text-transform:uppercase;letter-spacing:.04em;padding:6px 10px 4px;font-weight:700}.notif-more{text-align:center;padding:6px 10px}.chat-fab-wrap{right:var(--space-6);bottom:var(--space-6);z-index:35;position:fixed}.chat-fab{background:var(--blue);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-pop);border:none;border-radius:999px;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.chat-fab:hover{background:var(--blue-dark)}.chat-popover{border:1px solid var(--border);border-radius:var(--radius);width:260px;box-shadow:var(--shadow-pop);padding:var(--space-3);background:#fff;position:absolute;bottom:calc(100% + 10px);right:0}.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{padding:4px 12px}.bulk-bar{align-items:center;gap:var(--space-3);background:var(--blue-bg);border:1px solid var(--blue);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}