:root{--klk-maroon:#8b1a2a;--klk-maroon-700:#731321;--klk-maroon-800:#5c0e18;--klk-maroon-900:#3f0810;--klk-gold:#c99a2e;--klk-gold-600:#b5862a;--klk-gold-100:#f4e7c4;--klk-cream:#faf6ee;--klk-cream-200:#f2eadb;--n-0:#fff;--n-50:#fbfaf7;--n-100:#f4f1ea;--n-200:#e6e1d5;--n-300:#d2ccbe;--n-400:#9f9889;--n-500:#6e6859;--n-600:#4d4839;--n-700:#34302a;--n-800:#221f1a;--n-900:#16140f;--success:#2f7d4f;--success-bg:#e6f1ea;--warning:#b57414;--warning-bg:#fbefd5;--danger:#b0303b;--danger-bg:#f7e1e3;--info:#2a5a93;--info-bg:#e1ecf8;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:48px;--s-10:64px;--r-1:4px;--r-2:6px;--r-3:10px;--r-4:14px;--r-5:20px;--shadow-sm:0 1px 2px #221f1a0d, 0 1px 1px #221f1a08;--shadow-md:0 4px 12px #221f1a0f, 0 2px 4px #221f1a0a;--shadow-lg:0 12px 32px #221f1a1a, 0 4px 8px #221f1a0d;--font-ui:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Spectral", "Times New Roman", serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{font-family:var(--font-ui);font-feature-settings:"cv11", "ss01";color:var(--n-800);background:var(--klk-cream);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{grid-template-columns:256px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--klk-maroon-800) 0%, var(--klk-maroon-900) 100%);color:var(--klk-cream);border-right:1px solid #0003;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #faf6ee1a;align-items:center;gap:12px;padding:20px 18px 18px;display:flex}.sidebar-brand .logo{background:var(--klk-cream);width:40px;height:40px;box-shadow:0 0 0 1px var(--klk-gold) inset;border-radius:10px;place-items:center;display:grid;overflow:hidden}.sidebar-brand .logo img{object-fit:cover;width:110%;height:110%}.sidebar-brand .name{font-family:var(--font-display);letter-spacing:.5px;font-size:18px;font-weight:600;line-height:1}.sidebar-brand .sub{color:var(--klk-gold-100);letter-spacing:1.5px;text-transform:uppercase;margin-top:4px;font-size:10.5px}.sidebar-nav{flex:1;padding:12px 10px 20px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#faf6ee26;border-radius:4px}.nav-group-label{text-transform:uppercase;letter-spacing:1.3px;color:#faf6ee73;padding:16px 12px 6px;font-size:10px;font-weight:600}.nav-item{color:#faf6eed1;cursor:pointer;border-radius:8px;align-items:center;gap:11px;margin-bottom:1px;padding:8px 12px;font-size:13.5px;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{color:var(--klk-cream);background:#faf6ee0f}.nav-item.active{color:#fff;background:#c99a2e29;font-weight:600}.nav-item.active:before{content:"";background:var(--klk-gold);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-10px}.nav-item .icon{color:currentColor;opacity:.85;flex:0 0 16px;width:16px;height:16px}.nav-item.active .icon{opacity:1;color:var(--klk-gold)}.nav-item .count{color:var(--klk-gold-100);background:#c99a2e33;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:600}.sidebar-footer{color:#faf6ee8c;border-top:1px solid #faf6ee1a;align-items:center;gap:8px;padding:14px 16px;font-size:11.5px;display:flex}.sidebar-footer .dot{background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #2f7d4f40}.header{background:var(--n-0);border-bottom:1px solid var(--n-200);z-index:30;align-items:center;gap:16px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.header .title{flex-direction:column;display:flex}.header .title h1{font-family:var(--font-display);color:var(--n-900);letter-spacing:-.2px;margin:0;font-size:19px;font-weight:600}.header .title .crumbs{color:var(--n-500);letter-spacing:.3px;margin-top:2px;font-size:11.5px}.header-spacer{flex:1}.header-search{background:var(--n-100);min-width:280px;color:var(--n-500);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;transition:border-color .15s;display:flex}.header-search:hover{border-color:var(--n-200)}.header-search:focus-within{border-color:var(--klk-gold);background:#fff;box-shadow:0 0 0 3px #c99a2e26}.header-search input{background:0 0;border:none;outline:none;flex:1}.header-search .kbd{border:1px solid var(--n-200);color:var(--n-500);font-size:10.5px;font-family:var(--font-mono);background:#fff;border-radius:4px;padding:2px 6px}.branch-selector{border:1px solid var(--n-200);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:6px 10px 6px 8px;transition:border-color .12s;display:flex;position:relative}.branch-selector:hover{border-color:var(--klk-gold)}.branch-selector .pin{background:var(--klk-maroon);width:28px;height:28px;color:var(--klk-cream);font-size:11px;font-weight:700;font-family:var(--font-display);border-radius:6px;place-items:center;display:grid}.branch-selector .info{line-height:1.1}.branch-selector .info .l1{color:var(--n-900);font-size:12.5px;font-weight:600}.branch-selector .info .l2{color:var(--n-500);margin-top:2px;font-size:10.5px}.icon-btn{width:36px;height:36px;color:var(--n-600);border:1px solid #0000;border-radius:8px;place-items:center;transition:background .12s,border-color .12s;display:grid;position:relative}.icon-btn:hover{background:var(--n-100);border-color:var(--n-200)}.icon-btn .badge{background:var(--klk-gold);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #fff}.user-chip{border:1px solid var(--n-200);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:5px 10px 5px 5px;display:flex}.user-chip:hover{border-color:var(--klk-gold)}.user-chip .avatar{background:linear-gradient(135deg, var(--klk-maroon) 0%, var(--klk-gold) 100%);color:#fff;width:28px;height:28px;font-size:11px;font-weight:700;font-family:var(--font-display);border-radius:50%;place-items:center;display:grid}.user-chip .who{color:var(--n-900);font-size:12.5px;font-weight:600;line-height:1.1}.user-chip .role{color:var(--n-500);letter-spacing:.3px;text-transform:uppercase;margin-top:2px;font-size:10px}.main{background:var(--klk-cream);min-height:calc(100vh - 64px)}.page{max-width:1440px;margin:0 auto;padding:28px 32px 64px}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-head .ph-l h2{font-family:var(--font-display);color:var(--n-900);letter-spacing:-.4px;margin:0;font-size:26px;font-weight:600;line-height:1.15}.page-head .ph-l .lede{color:var(--n-500);max-width:560px;margin-top:6px;font-size:13.5px}.page-head .ph-r{align-items:center;gap:8px;display:flex}.card{border:1px solid var(--n-200);border-radius:var(--r-3);box-shadow:var(--shadow-sm);background:#fff}.card-head{border-bottom:1px solid var(--n-200);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.card-head h3{color:var(--n-900);font-size:14px;font-weight:700;font-family:var(--font-display);letter-spacing:-.1px;margin:0}.card-head .sub{color:var(--n-500);font-size:12px}.card-body{padding:18px}.card-body.tight{padding:0}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.kpi{border:1px solid var(--n-200);border-radius:var(--r-3);background:#fff;padding:16px 18px;position:relative;overflow:hidden}.kpi.featured{background:linear-gradient(135deg, var(--klk-maroon) 0%, var(--klk-maroon-800) 100%);border-color:var(--klk-maroon-900);color:var(--klk-cream)}.kpi.featured .lbl{color:#faf6eeb3}.kpi.featured .val{color:#fff}.kpi.featured .deco{pointer-events:none;background:radial-gradient(circle,#c99a2e66 0%,#c99a2e00 70%);border-radius:50%;width:88px;height:88px;position:absolute;bottom:-16px;right:-12px}.kpi .lbl{color:var(--n-500);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin-bottom:6px;font-size:11.5px;font-weight:600;display:flex}.kpi .val{color:var(--n-900);font-size:26px;font-weight:700;font-family:var(--font-display);letter-spacing:-.5px;align-items:baseline;gap:4px;line-height:1.1;display:flex}.kpi .val .unit{color:var(--n-400);font-size:13px;font-weight:500;font-family:var(--font-ui)}.kpi .delta{color:var(--n-500);align-items:center;gap:4px;margin-top:6px;font-size:11.5px;display:flex}.kpi .delta .up{color:var(--success);font-weight:600}.kpi .delta .down{color:var(--danger);font-weight:600}.kpi.featured .delta{color:#faf6eeb3}.kpi.featured .delta .up{color:var(--klk-gold-100)}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.btn-primary{background:var(--klk-maroon);color:#fff}.btn-primary:hover{background:var(--klk-maroon-700)}.btn-gold{background:var(--klk-gold);color:var(--klk-maroon-900)}.btn-gold:hover{background:var(--klk-gold-600)}.btn-secondary{color:var(--n-700);border-color:var(--n-200);background:#fff}.btn-secondary:hover{background:var(--n-50);border-color:var(--n-300)}.btn-ghost{color:var(--n-600);background:0 0}.btn-ghost:hover{background:var(--n-100);color:var(--n-800)}.btn-sm{gap:4px;padding:5px 10px;font-size:12px}.btn-icon{padding:7px}.btn-block{justify-content:center;width:100%}.pill{letter-spacing:.2px;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.6;display:inline-flex}.pill .pdot{background:currentColor;border-radius:50%;width:6px;height:6px}.pill-success{background:var(--success-bg);color:var(--success)}.pill-warning{background:var(--warning-bg);color:var(--warning)}.pill-danger{background:var(--danger-bg);color:var(--danger)}.pill-info{background:var(--info-bg);color:var(--info)}.pill-neutral{background:var(--n-100);color:var(--n-600)}.pill-maroon{color:var(--klk-maroon);background:#8b1a2a1a}.pill-gold{color:var(--klk-gold-600);background:#c99a2e2e}.table-wrap{overflow:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13px}table.tbl thead th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--n-500);background:var(--n-50);border-bottom:1px solid var(--n-200);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:600}table.tbl tbody td{border-bottom:1px solid var(--n-100);color:var(--n-700);vertical-align:middle;padding:13px 16px}table.tbl tbody tr:hover td{background:var(--klk-cream-200)}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl .num{font-variant-numeric:tabular-nums}table.tbl .right{text-align:right}table.tbl .strong{color:var(--n-900);font-weight:600}table.tbl .muted{color:var(--n-500);font-size:12px}table.tbl .row-cb{width:36px;padding-right:0}.cell-product{align-items:center;gap:10px;display:flex}.cell-product .swatch{background:linear-gradient(135deg, var(--klk-gold-100), var(--klk-cream));width:32px;height:32px;color:var(--klk-maroon);font-size:11px;font-weight:700;font-family:var(--font-display);border:1px solid var(--klk-gold-100);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.cell-product .pname{color:var(--n-900);font-weight:600}.cell-product .pcode{color:var(--n-500);font-size:11.5px;font-family:var(--font-mono)}.cell-user{align-items:center;gap:10px;display:flex}.cell-user .av{color:#fff;width:32px;height:32px;font-size:12px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.cell-user .uname{color:var(--n-900);font-weight:600}.cell-user .uemail{color:var(--n-500);font-size:11.5px}.toolbar{border-bottom:1px solid var(--n-200);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.toolbar .search{background:var(--n-50);border:1px solid var(--n-200);border-radius:8px;align-items:center;gap:8px;min-width:240px;padding:6px 10px;font-size:13px;display:flex}.toolbar .search input{background:0 0;border:none;outline:none;flex:1}.toolbar .filter{border:1px solid var(--n-200);color:var(--n-700);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:inline-flex}.toolbar .filter.active{border-color:var(--klk-maroon);color:var(--klk-maroon);background:#8b1a2a0d}.toolbar .filter:hover{border-color:var(--n-300)}.toolbar .seg{background:var(--n-100);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.toolbar .seg button{color:var(--n-500);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.toolbar .seg button.on{color:var(--n-900);box-shadow:var(--shadow-sm);background:#fff;font-weight:600}.toolbar .spacer{flex:1}.pagination{border-top:1px solid var(--n-200);color:var(--n-500);align-items:center;gap:8px;padding:12px 18px;font-size:12.5px;display:flex}.pagination .pages{gap:4px;margin-left:auto;display:flex}.pagination .pgbtn{border:1px solid var(--n-200);width:28px;height:28px;color:var(--n-600);background:#fff;border-radius:6px;place-items:center;font-size:12px;display:grid}.pagination .pgbtn.on{background:var(--klk-maroon);color:#fff;border-color:var(--klk-maroon);font-weight:600}.pagination .pgbtn:hover:not(.on){background:var(--n-50)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--n-700);letter-spacing:.2px;font-size:12px;font-weight:600}.field .hint{color:var(--n-500);font-size:11.5px}.input,.select,.textarea{border:1px solid var(--n-200);color:var(--n-800);background:#fff;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--klk-gold);box-shadow:0 0 0 3px #c99a2e2e}.input::placeholder{color:var(--n-400)}.input-prefix{border:1px solid var(--n-200);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.input-prefix:focus-within{border-color:var(--klk-gold);box-shadow:0 0 0 3px #c99a2e2e}.input-prefix input{border:none;outline:none;flex:1;padding:9px 0}.input-prefix .pfx{color:var(--n-500);font-size:13px;font-weight:500}.switch{width:34px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .slider{background:var(--n-300);cursor:pointer;border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch .slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch input:checked+.slider{background:var(--klk-maroon)}.switch input:checked+.slider:before{transform:translate(14px)}.cb{border:1.5px solid var(--n-300);cursor:pointer;background:#fff;border-radius:4px;place-items:center;width:16px;height:16px;display:inline-grid}.cb.on{background:var(--klk-maroon);border-color:var(--klk-maroon);color:#fff}.dash-grid{grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px;display:grid}.dash-grid-3{grid-template-columns:1fr 1fr 1fr;gap:18px;display:grid}.chart{height:240px;padding:8px 0 0}.chart svg{width:100%;height:100%;display:block}.legend{color:var(--n-500);gap:16px;font-size:12px;display:flex}.legend .key{align-items:center;gap:6px;display:flex}.legend .key .sw{border-radius:3px;width:10px;height:10px}.list-row{border-bottom:1px solid var(--n-100);align-items:center;gap:12px;padding:12px 18px;display:flex}.list-row:last-child{border-bottom:none}.list-row .swatch{background:linear-gradient(135deg, var(--klk-gold-100), var(--klk-cream));width:36px;height:36px;color:var(--klk-maroon);font-size:12px;font-weight:700;font-family:var(--font-display);border:1px solid var(--klk-gold-100);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.list-row .main-info{flex:1;min-width:0}.list-row .main-info .t1{color:var(--n-900);font-size:13px;font-weight:600}.list-row .main-info .t2{color:var(--n-500);margin-top:2px;font-size:11.5px}.list-row .right-info{text-align:right}.list-row .right-info .t1{color:var(--n-900);font-variant-numeric:tabular-nums;font-weight:700}.list-row .right-info .t2{color:var(--success);margin-top:2px;font-size:11.5px;font-weight:600}.bar-row{grid-template-columns:120px 1fr 80px;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:grid}.bar-row .nm{color:var(--n-700);font-weight:500}.bar-row .track{background:var(--n-100);border-radius:999px;height:8px;overflow:hidden}.bar-row .fill{background:linear-gradient(90deg, var(--klk-maroon), var(--klk-gold));border-radius:999px;height:100%}.bar-row .vl{text-align:right;color:var(--n-900);font-variant-numeric:tabular-nums;font-weight:700}.sync-card{background:linear-gradient(135deg, var(--klk-maroon-900) 0%, var(--klk-maroon-800) 100%);color:#fff;border-radius:var(--r-3);padding:18px;position:relative;overflow:hidden}.sync-card .deco{background:radial-gradient(circle,#c99a2e4d,#0000 65%);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.sync-card h3{font-family:var(--font-display);margin:0 0 4px;font-size:16px;font-weight:600}.sync-card .lede{color:#faf6eeb3;margin-bottom:16px;font-size:12px}.sync-card .stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:relative}.sync-card .stat .v{font-family:var(--font-display);font-size:22px;font-weight:700}.sync-card .stat .l{color:#faf6ee99;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px}.login-page{background:var(--klk-cream);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-left{background:radial-gradient(at 20% 90%, #c99a2e66, transparent 55%), radial-gradient(at 80% 10%, #c99a2e4d, transparent 50%), linear-gradient(160deg, var(--klk-maroon-900), var(--klk-maroon) 60%, var(--klk-maroon-800));color:var(--klk-cream);flex-direction:column;padding:56px;display:flex;position:relative;overflow:hidden}.login-left .crest{background:var(--klk-cream);border:2px solid var(--klk-gold);border-radius:24px;place-items:center;width:120px;height:120px;padding:8px;display:grid;overflow:hidden;box-shadow:0 24px 80px #00000040}.login-left .crest img{object-fit:cover;width:100%;height:100%}.login-left .tagline-block{margin-top:auto}.login-left .tag-eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--klk-gold-100);margin-bottom:12px;font-size:11px}.login-left h1{font-family:var(--font-display);letter-spacing:-.6px;max-width:460px;margin:0 0 16px;font-size:44px;font-weight:600;line-height:1.1}.login-left h1 em{color:var(--klk-gold);font-style:italic}.login-left .lede{color:#faf6eed9;max-width:440px;font-size:15px;line-height:1.6}.login-left .ornaments{background:radial-gradient(circle at 100% 100%,#c99a2e40,#0000 60%);width:360px;height:360px;position:absolute;bottom:0;right:0}.login-stats{border-top:1px solid #faf6ee26;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;padding-top:28px;display:grid}.login-stats .ls .v{font-family:var(--font-display);color:var(--klk-gold);font-size:22px;font-weight:600}.login-stats .ls .l{color:#faf6eea6;margin-top:2px;font-size:11.5px}.login-right{place-items:center;padding:32px;display:grid}.login-card{width:100%;max-width:420px}.login-card .eyebrow{text-transform:uppercase;letter-spacing:2.5px;color:var(--klk-maroon);margin-bottom:8px;font-size:11px;font-weight:700}.login-card h2{font-family:var(--font-display);color:var(--n-900);letter-spacing:-.4px;margin:0 0 8px;font-size:30px;font-weight:600}.login-card .sub{color:var(--n-500);margin-bottom:32px;font-size:14px}.login-card form{flex-direction:column;gap:16px;display:flex}.login-card .row{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.login-card .row a{color:var(--klk-maroon);font-weight:600}.login-card .row a:hover{text-decoration:underline}.login-card .check{color:var(--n-600);align-items:center;gap:8px;display:flex}.login-card .footer-note{border-top:1px solid var(--n-200);color:var(--n-500);text-align:center;margin-top:24px;padding-top:20px;font-size:12px}.login-card .footer-note .dot{color:var(--klk-gold)}.detail-panel{border-left:1px solid var(--n-200);background:#fff;flex-direction:column;width:480px;display:flex}.detail-panel-head{border-bottom:1px solid var(--n-200);padding:18px 22px}.detail-panel-body{flex:1;padding:22px;overflow-y:auto}.section-divider{text-transform:uppercase;letter-spacing:1px;color:var(--n-500);border-bottom:1px solid var(--n-200);margin:24px 0 12px;padding-bottom:8px;font-size:11px;font-weight:700}.section-divider:first-child{margin-top:0}.empty{text-align:center;color:var(--n-500);padding:56px 24px}.empty .icon-wrap{background:var(--n-100);width:56px;height:56px;color:var(--n-400);border-radius:14px;place-items:center;margin:0 auto 12px;display:grid}.empty h4{color:var(--n-700);margin:0 0 4px;font-size:15px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .span-2{grid-column:span 2}.editable{border:1px dashed var(--n-200);background:var(--n-50);font-variant-numeric:tabular-nums;color:var(--n-800);cursor:text;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-weight:600;display:inline-flex}.editable:hover{border-color:var(--klk-gold);background:#c99a2e0f}.tabs{border-bottom:1px solid var(--n-200);gap:4px;padding:0 18px;display:flex}.tabs .tab{color:var(--n-500);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 14px;font-size:13px;font-weight:600}.tabs .tab:hover{color:var(--n-800)}.tabs .tab.active{color:var(--klk-maroon);border-color:var(--klk-maroon)}.settings-grid{grid-template-columns:240px 1fr;gap:20px;display:grid}.settings-nav .item{cursor:pointer;color:var(--n-600);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.settings-nav .item:hover{background:#fff}.settings-nav .item.on{color:var(--klk-maroon);box-shadow:var(--shadow-sm);background:#fff;font-weight:600}.dim{color:var(--n-500)}.mono{font-family:var(--font-mono);font-size:12.5px}.tnum{font-variant-numeric:tabular-nums}hr.div{border:0;border-top:1px solid var(--n-200);margin:18px 0}.spice-chili{color:#6a2a15;background:linear-gradient(135deg,#f4d5be,#e89a6e)}.spice-turm{color:#6b4a05;background:linear-gradient(135deg,#fce8a0,#e0a91a)}.spice-pep{color:#fff;background:linear-gradient(135deg,#d8d4cb,#6e6859)}.spice-cin{color:#fff;background:linear-gradient(135deg,#e5c5a0,#9f6634)}.spice-card{color:#fff;background:linear-gradient(135deg,#d4e0bf,#7a9550)}.spice-clove{color:#fff;background:linear-gradient(135deg,#bda078,#4a2e18)}.spice-curry{color:#5c3b05;background:linear-gradient(135deg,#f7d78a,#c99a2e)}.spice-whole{color:#fff;background:linear-gradient(135deg,#dad2bd,#8c7a52)}.spice-pkg{color:#fff;background:linear-gradient(135deg,#e8cdd0,#8b1a2a)}.screen-loading{background:var(--klk-cream,#faf6ee);min-height:100vh;color:var(--klk-maroon,#8b1a2a);place-items:center;font-weight:700;display:grid}.auth-note{color:var(--klk-maroon);background:#8b1a2a0f;border:1px solid #8b1a2a38;border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.4}.auth-note.success{color:var(--success);background:#237a4812;border-color:#237a4838}