
:root{
  --kux-navy:#0A1A3A;--kux-navy2:#0F2352;--kux-gold:#C9A227;--kux-gold2:#E6BE43;
  --kux-surface:#ffffff;--kux-elevated:#ffffff;--kux-border:rgba(10,26,58,.15);
  --kux-text:#1B1B1B;--kux-muted:#5b5b5b;--kux-overlay:rgba(10,26,58,.55);
  --kux-shadow:0 10px 40px rgba(10,26,58,.22);--kux-radius:8px;
  --kux-ok:#1D6A3C;--kux-danger:#8B1A1A;
}
html[data-theme="dark"]{
  --kux-surface:#161f2e;--kux-elevated:#1d283a;--kux-border:rgba(230,190,67,.18);
  --kux-text:#e8ecf3;--kux-muted:#9fb0c9;--kux-overlay:rgba(0,0,0,.66);
  --kux-shadow:0 10px 44px rgba(0,0,0,.55);--kux-ok:#3ecf7a;--kux-danger:#e26868;
}
html[data-theme="dark"]{filter:none;}
html[data-theme="dark"] body{background:#10161f !important;color:#e8ecf3;}
.kux-skip{position:absolute;left:-9999px;top:0;z-index:100000;background:var(--kux-navy);color:var(--kux-gold);padding:10px 16px;border:2px solid var(--kux-gold);border-radius:0 0 6px 0;font:600 13px system-ui;}
.kux-skip:focus{left:0;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--kux-gold2);outline-offset:2px;border-radius:3px;}
.kux-toolbar{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;}
.kux-ibtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:rgba(201,162,39,.14);border:1px solid var(--kux-gold);border-radius:6px;color:var(--kux-gold);cursor:pointer;font-size:15px;line-height:1;}
.kux-ibtn:hover{background:rgba(201,162,39,.26);}
.kux-badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;background:var(--kux-danger);color:#fff;border-radius:99px;font:700 10px/17px system-ui;display:none;text-align:center;}
.kux-badge.show{display:inline-block;}
.kux-search{display:inline-flex;align-items:center;gap:8px;min-width:170px;padding:7px 12px;background:rgba(127,127,127,.12);border:1px solid var(--kux-gold);border-radius:6px;color:inherit;cursor:text;font:500 12px system-ui;}
.kux-search .kux-kbd{margin-left:auto;font-size:10px;padding:1px 6px;border:1px solid var(--kux-border);border-radius:4px;opacity:.8;}
.kux-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--kux-gold),var(--kux-gold2));z-index:100001;opacity:0;transition:width .2s ease,opacity .3s ease;box-shadow:0 0 8px rgba(230,190,67,.7);}
.kux-progress.active{opacity:1;}
.kux-overlay{position:fixed;inset:0;background:var(--kux-overlay);z-index:99998;display:none;}
.kux-overlay.open{display:block;}
.kux-palette{position:fixed;top:12vh;left:50%;transform:translateX(-50%);width:min(640px,92vw);max-height:70vh;background:var(--kux-elevated);color:var(--kux-text);border:1px solid var(--kux-gold);border-radius:var(--kux-radius);box-shadow:var(--kux-shadow);z-index:99999;display:none;flex-direction:column;overflow:hidden;}
.kux-palette.open{display:flex;}
.kux-palette input{border:none;border-bottom:2px solid var(--kux-gold);border-radius:0;padding:16px 18px;font-size:16px;width:100%;background:transparent;color:var(--kux-text);box-sizing:border-box;}
.kux-palette input:focus{outline:none;}
.kux-results{overflow-y:auto;padding:6px 0;}
.kux-grp{padding:8px 18px 4px;font:700 10px system-ui;letter-spacing:1.5px;text-transform:uppercase;color:var(--kux-muted);}
.kux-res{display:flex;align-items:center;gap:12px;padding:10px 18px;cursor:pointer;font-size:14px;border-left:3px solid transparent;}
.kux-res:hover,.kux-res.active{background:rgba(201,162,39,.14);border-left-color:var(--kux-gold);}
.kux-res .kux-ico{width:20px;text-align:center;}
.kux-res .kux-t{font-weight:600;}
.kux-res .kux-s{font-size:12px;color:var(--kux-muted);}
.kux-res mark{background:var(--kux-gold2);color:var(--kux-navy);border-radius:2px;}
.kux-empty{padding:26px 18px;text-align:center;color:var(--kux-muted);font-size:14px;}
.kux-foot{border-top:1px solid var(--kux-border);padding:7px 16px;font-size:11px;color:var(--kux-muted);display:flex;gap:16px;}
.kux-kbdkey{display:inline-block;padding:2px 7px;border:1px solid var(--kux-border);border-bottom-width:2px;border-radius:4px;font:12px ui-monospace,monospace;}
.kux-drawer{position:fixed;top:0;right:0;height:100vh;width:min(420px,96vw);background:var(--kux-elevated);color:var(--kux-text);border-left:1px solid var(--kux-gold);box-shadow:var(--kux-shadow);z-index:99999;transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;}
.kux-drawer.open{transform:translateX(0);}
.kux-dhead{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:2px solid var(--kux-gold);}
.kux-dhead h3{margin:0;font-size:16px;flex:1;}
.kux-dbody{overflow-y:auto;padding:8px 0;flex:1;}
.kux-dfoot{border-top:1px solid var(--kux-border);padding:10px 16px;display:flex;gap:10px;justify-content:flex-end;}
.kux-x{width:30px;height:30px;padding:0;font-size:16px;line-height:1;background:var(--kux-navy);color:var(--kux-gold);border:1px solid var(--kux-gold);border-radius:6px;cursor:pointer;}
.kux-notif{display:flex;gap:10px;padding:12px 18px;border-bottom:1px solid var(--kux-border);}
.kux-notif.unread{background:rgba(201,162,39,.10);}
.kux-notif .kux-dot{width:8px;height:8px;margin-top:6px;border-radius:99px;background:var(--kux-gold);flex-shrink:0;visibility:hidden;}
.kux-notif.unread .kux-dot{visibility:visible;}
.kux-nt{font-weight:600;font-size:13.5px;}
.kux-nx{font-size:12.5px;color:var(--kux-muted);margin-top:2px;}
.kux-ntime{font-size:11px;color:var(--kux-muted);margin-top:4px;}
.kux-sev{display:inline-block;font:700 10px system-ui;letter-spacing:1px;padding:1px 6px;border-radius:3px;text-transform:uppercase;}
.kux-sev.critical{background:rgba(139,26,26,.16);color:var(--kux-danger);}
.kux-sev.high{background:rgba(201,120,20,.16);color:#b5651d;}
.kux-sev.info{background:rgba(29,106,60,.14);color:var(--kux-ok);}
.kux-art{padding:14px 18px;border-bottom:1px solid var(--kux-border);}
.kux-art h4{margin:0 0 6px;font-size:14px;}
.kux-art p{margin:0 0 8px;font-size:13px;line-height:1.5;}
.kux-toasts{position:fixed;bottom:20px;right:20px;z-index:100002;display:flex;flex-direction:column;gap:10px;max-width:min(380px,92vw);}
.kux-toast{background:var(--kux-navy);color:#F7F1DF;border:1px solid var(--kux-gold);border-left-width:4px;border-radius:6px;padding:12px 14px;font-size:13px;box-shadow:var(--kux-shadow);display:flex;gap:10px;align-items:flex-start;animation:kuxin .22s ease;}
.kux-toast.success{border-left-color:var(--kux-ok);}
.kux-toast.error{border-left-color:var(--kux-danger);}
.kux-toast .kux-tb{flex:1;}
.kux-toast button{background:transparent;border:none;color:#F7F1DF;cursor:pointer;font-size:15px;padding:0 2px;}
@keyframes kuxin{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}
.kux-toast.leaving{opacity:0;transform:translateX(30px);transition:all .2s ease;}
.kux-skel{position:relative;overflow:hidden;background:rgba(127,127,127,.14);border-radius:4px;min-height:14px;margin:8px 18px;}
.kux-skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:kuxsh 1.3s infinite;}
.kux-skel.block{height:80px;}
@keyframes kuxsh{100%{transform:translateX(100%);}}
.kux-cheat{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,92vw);background:var(--kux-elevated);color:var(--kux-text);border:1px solid var(--kux-gold);border-radius:var(--kux-radius);box-shadow:var(--kux-shadow);z-index:99999;display:none;padding:22px 26px;}
.kux-cheat.open{display:block;}
.kux-cheat h3{margin:0 0 14px;border-bottom:2px solid var(--kux-gold);padding-bottom:6px;}
.kux-cheat dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:0;}
.kux-cheat dt{text-align:right;}
.kux-cheat dd{margin:0;color:var(--kux-muted);}
.kux-fav{background:transparent;border:none;color:var(--kux-muted);cursor:pointer;font-size:18px;padding:2px 6px;line-height:1;}
.kux-fav:hover,.kux-fav.active{color:var(--kux-gold);}
time[data-kux-time]{cursor:help;border-bottom:1px dotted var(--kux-muted);}
@media(prefers-reduced-motion:reduce){.kux-skel::after,.kux-toast,.kux-drawer,.kux-progress{animation:none!important;transition:none!important;}}
@media print{.kux-toolbar,.kux-toasts,.kux-progress,.kux-overlay,.kux-palette,.kux-drawer,.kux-cheat,.kux-skip,.kux-fav{display:none!important;}}
