*{box-sizing:border-box}
body{margin:0;background:#070b14;color:#f7f8fb;font-family:Inter,system-ui,Segoe UI,Arial}
.hidden{display:none!important}
button,input,textarea,select{font:inherit}
.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(245,158,11,.12),transparent 40%),radial-gradient(circle at 80% 80%,rgba(56,189,248,.12),transparent 40%),#070b14}
.auth-card{width:min(430px,calc(100% - 30px));background:#111726;border:1px solid #2b364d;border-radius:18px;padding:28px;display:grid;gap:15px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.auth-badge{justify-self:start;padding:4px 10px;border-radius:99px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.35);color:#fbbf24;font-size:11px;font-weight:800;letter-spacing:.5px}
.auth-card p,.auth-card small{color:#909bae}
.auth-card input,.form input,.form textarea,.form select,.lic-card input,.lic-card select,.lic-card textarea{width:100%;background:#090e18;border:1px solid #2c374b;color:white;border-radius:9px;padding:10px 12px;font-size:13px;outline:none;transition:border-color .15s}
.auth-card input:focus,.form input:focus,.lic-card input:focus,.lic-card select:focus{border-color:#38bdf8}
.auth-card button,.form button,.toolbar button{border:0;background:#6189ff;color:white;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer;font-size:13px}
.btn-gold{border:0!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;color:#080d18!important;border-radius:9px;padding:10px 16px;font-weight:850;cursor:pointer;font-size:13px;box-shadow:0 4px 15px rgba(245,158,11,.25);transition:transform .15s,filter .15s}
.btn-gold:hover{filter:brightness(1.08);transform:translateY(-1px)}
.editor{display:grid;grid-template-columns:245px 1fr;min-height:100vh}
.editor aside{height:100vh;position:sticky;top:0;background:#0a0f1a;border-right:1px solid #1e2738;padding:18px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}
.logo{font-size:17px;font-weight:800;margin-bottom:16px;letter-spacing:.3px}
.logo b{color:#fbbf24}
.editor aside button,.editor aside a{border:0;background:transparent;color:#a1adbf;text-align:left;padding:10px 12px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s}
.editor aside .tab-highlight{border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.08);color:#fcd34d;font-weight:800}
.editor aside .active,.editor aside button:hover{background:#17223c;color:#7aa2ff}
.editor aside .tab-highlight.active,.editor aside .tab-highlight:hover{background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(56,189,248,.18));color:#fbbf24;border-color:#fbbf24}
.editor aside a{margin-top:auto;color:#7aa2ff;text-decoration:none}
.editor main{width:min(1320px,100%);margin:0 auto;padding:24px}
.editor header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.editor header small{color:#fbbf24;font-weight:850;letter-spacing:.5px}
.editor header h1{margin:3px 0;font-size:24px}
.editor header span{color:#68d693;font-size:12px;font-weight:700}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stats>div,.note{background:#111724;border:1px solid #263145;border-radius:14px;padding:18px}
.stats span{color:#94a0b3;font-size:12px;font-weight:600}
.stats strong{display:block;font-size:28px;margin-top:6px}
.stat-gold{border-color:rgba(245,158,11,.35)!important;background:linear-gradient(180deg,rgba(245,158,11,.08),#111724)!important}
.stat-gold strong{color:#fbbf24}
.stat-emerald strong{color:#34d399}
.stat-cyan strong{color:#38bdf8}
.stat-indigo strong{color:#818cf8}
.note{margin-top:15px}
.note-royal{border-color:rgba(245,158,11,.35);background:linear-gradient(135deg,rgba(17,23,36,.95),rgba(30,41,59,.85))}
.note h3{margin:0 0 6px;color:#fbbf24;font-size:15px}
.note p{margin:0;color:#cbd5e1;font-size:13px;line-height:1.5}
.note code{background:#090d16;padding:2px 6px;border-radius:5px;color:#38bdf8;font-family:monospace}
.form{background:#111724;border:1px solid #263145;border-radius:15px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{display:grid;gap:6px;color:#aab5c7;font-size:12px;font-weight:750}
.form textarea{min-height:95px;resize:vertical}
.wide{grid-column:1/-1}
.check{display:flex!important;align-items:center;gap:8px}
.check input{width:auto}
.secondary{background:#1e293b!important;border:1px solid #334155!important;color:#e2e8f0!important;border-radius:9px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:12px}
.danger{background:#881337!important;border:1px solid #be123c!important;color:#fecdd3!important;border-radius:9px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:12px}
.toolbar{display:flex;gap:8px;justify-content:flex-end;margin-bottom:14px}
.list{display:grid;gap:9px}
.row{background:#111724;border:1px solid #263042;border-radius:13px;padding:12px;display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center}
.row img{width:70px;height:48px;object-fit:cover;border-radius:7px;background:#0a0d13}
.row h3{margin:0 0 4px;font-size:13px}
.row p{margin:0;color:#8f9aac;font-size:11px}
.row button{background:#1d2737;border:1px solid #34425b;color:#d1ddef;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700}
.simple-row{grid-template-columns:1fr auto}
.modal{position:fixed;inset:0;background:#000c;display:grid;place-items:center;padding:18px;z-index:50;backdrop-filter:blur(4px)}
.modalbox{width:min(850px,100%);max-height:92vh;overflow:auto;background:#0c121e;border:1px solid #303c52;border-radius:17px;padding:20px}
.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.modalhead h2{margin:0;font-size:17px}
.modalhead button{background:none;border:0;color:white;font-size:25px;cursor:pointer}
.upload-hint{font-size:11px;color:#8f9aac;font-weight:400}
.toast{position:fixed;right:18px;bottom:18px;background:#0f172a;border:1px solid #38bdf8;color:#fff;padding:11px 16px;border-radius:10px;opacity:0;transition:.2s;z-index:99;font-size:13px;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.5);pointer-events:none}
.toast.show{opacity:1}
.helper{color:#8f9aac;font-size:12px;line-height:1.6}
.media-preview{width:90px;height:55px;object-fit:cover;border-radius:7px;background:#0b0e14}
.section-key{color:#7298ff;font-size:10px;text-transform:uppercase;letter-spacing:1px}

/* ========================================================================= */
/* TKN LICENSE & MULTI-TOOL HUB STYLES                                       */
/* ========================================================================= */
.lic-subnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center}
.lic-subtab{border:1px solid #283449;background:#101725;color:#cbd5e1;padding:9px 14px;border-radius:10px;font-size:12px;font-weight:750;cursor:pointer;transition:all .15s}
.lic-subtab.active,.lic-subtab:hover{background:rgba(56,189,248,.16);border-color:#38bdf8;color:#38bdf8}
.lic-refresh-btn{margin-left:auto;border:1px solid #334155;background:#1e293b;color:#e2e8f0;padding:9px 14px;border-radius:10px;font-size:12px;font-weight:750;cursor:pointer}
.lic-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}
.lic-stat-card{background:#101725;border:1px solid #243044;border-radius:12px;padding:12px 14px}
.lic-stat-card span{font-size:11px;color:#94a3b8;font-weight:600}
.lic-stat-card strong{display:block;font-size:22px;margin-top:4px;color:#fff}
.lic-stat-card.emerald strong{color:#34d399}
.lic-stat-card.cyan strong{color:#38bdf8}
.lic-stat-card.orange strong{color:#fb923c}
.lic-stat-card.amber strong{color:#fbbf24}
.lic-stat-card.rose strong{color:#fb7185}
.lic-card{background:#101725;border:1px solid #253247;border-radius:15px;padding:18px}
.lic-card-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.lic-card-head h3{margin:0;font-size:14px;color:#38bdf8;letter-spacing:.3px}
.lic-card-head p{margin:4px 0 0;font-size:12px;color:#94a3b8}
.lic-preview-pill{background:#090d16;border:1px solid rgba(245,158,11,.4);padding:7px 12px;border-radius:9px;font-size:12px;display:flex;align-items:center;gap:8px}
.lic-preview-pill span{color:#94a3b8}
.lic-preview-pill code{font-family:monospace;font-size:13px;font-weight:800;color:#38bdf8}
.lic-preview-pill code b{color:#fbbf24}
.lic-create-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}
.lic-create-grid label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#cbd5e1}
.lic-span-2{grid-column:span 2}
.prefix-pills{display:inline-flex;gap:4px}
.prefix-pills b{background:rgba(245,158,11,.16);border:1px solid rgba(245,158,11,.35);color:#fbbf24;padding:1px 6px;border-radius:5px;font-size:10px;cursor:pointer}
.prefix-pills b:hover{background:rgba(245,158,11,.3)}
.prefix-input-group{display:flex;align-items:center}
.prefix-input-group #ckPrefix{width:84px!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:0!important;font-family:monospace;font-weight:800;color:#fbbf24!important;text-transform:uppercase}
.prefix-input-group #ckCustomCode,.prefix-input-group span{background:#060911!important;border:1px solid #2c374b!important;padding:10px 10px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:9px!important;border-bottom-right-radius:9px!important;font-family:monospace;font-size:11.5px!important;font-weight:750;color:#38bdf8!important;white-space:nowrap;flex:1!important;width:auto!important;text-transform:uppercase}
.prefix-input-group #ckCustomCode::placeholder{color:#64748b;font-weight:500}
.prefix-input-group #ckCustomCode:focus{border-color:#38bdf8!important}
.lic-badge.trash{background:rgba(148,163,184,.18);color:#cbd5e1;border:1px solid rgba(148,163,184,.4)}
.lic-trash-bar{background:rgba(136,19,55,.28);border:1px solid rgba(244,63,94,.4);padding:10px 14px;border-radius:11px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;font-size:12px;color:#fecdd3}
.lic-created-box{margin-top:14px;padding:12px 14px;background:rgba(6,78,59,.35);border:1px solid rgba(52,211,153,.4);border-radius:12px}
.lic-created-box strong{color:#6ee7b7;font-size:12px}
.lic-created-box button{background:rgba(16,185,129,.2);border:1px solid rgba(52,211,153,.45);color:#a7f3d0;padding:5px 10px;border-radius:7px;font-size:11px;font-weight:750;cursor:pointer}
.lic-created-box textarea{margin-top:6px;font-family:monospace;color:#6ee7b7!important;font-weight:700}
.lic-filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:10px;margin-bottom:14px}
.lic-bulk-bar{background:rgba(8,51,68,.55);border:1px solid rgba(56,189,248,.45);padding:10px 14px;border-radius:11px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;font-size:12px}
.lic-bulk-bar b{color:#fbbf24;font-size:14px}
.lic-bulk-btns{display:flex;flex-wrap:wrap;gap:6px}
.lic-bulk-btns button{border:1px solid #334155;background:#1e293b;color:#f1f5f9;padding:5px 10px;border-radius:7px;font-size:11px;font-weight:750;cursor:pointer}
.lic-bulk-btns button:hover{border-color:#38bdf8;color:#38bdf8}
.lic-table-wrap{overflow-x:auto}
.lic-table{width:100%;border-collapse:collapse;font-size:12px}
.lic-table th{text-align:left;padding:10px;border-bottom:1px solid #243044;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.4px}
.lic-table td{padding:12px 10px;border-bottom:1px solid rgba(36,48,68,.65);vertical-align:middle}
.lic-table tr:hover td{background:rgba(15,23,42,.6)}
.lic-key-code{font-family:monospace;font-weight:800;font-size:12.5px;user-select:all}
.lic-key-code .pfx{color:#fbbf24}
.lic-key-code .hex{color:#38bdf8}
.lic-badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:800}
.lic-badge.active{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.35)}
.lic-badge.blocked{background:rgba(244,63,94,.15);color:#fb7185;border:1px solid rgba(244,63,94,.35)}
.lic-badge.expired{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.35)}
.lic-tool-tag{display:inline-block;margin-top:4px;padding:1px 6px;border-radius:5px;background:#1e293b;color:#93c5fd;font-size:10px;font-family:monospace}
.lic-dev-item{display:flex;align-items:center;gap:6px;margin-top:4px}
.lic-dev-item code{background:#070b12;border:1px solid #243044;padding:2px 6px;border-radius:5px;color:#a5b4fc;font-family:monospace;font-size:11px}
.lic-mini-btn{border:1px solid #334155;background:#1e293b;color:#e2e8f0;padding:3px 7px;border-radius:6px;font-size:10.5px;font-weight:700;cursor:pointer}
.lic-mini-btn:hover{border-color:#38bdf8;color:#38bdf8}
.lic-mini-btn.warn{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.35);color:#fcd34d}
.lic-mini-btn.danger{background:rgba(244,63,94,.15);border-color:rgba(244,63,94,.35);color:#fda4af}
.lic-blocked-list{display:flex;flex-wrap:wrap;gap:8px}
.lic-blocked-pill{display:flex;align-items:center;gap:8px;background:rgba(136,19,55,.35);border:1px solid rgba(244,63,94,.4);padding:5px 10px;border-radius:8px;font-family:monospace;font-size:12px;color:#fda4af}
.lic-blocked-pill button{background:none;border:0;color:#fff;cursor:pointer;font-weight:800}

@media(max-width:960px){
  .lic-stats-grid{grid-template-columns:repeat(3,1fr)}
  .lic-create-grid{grid-template-columns:1fr 1fr}
  .lic-filter-bar{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .editor{grid-template-columns:1fr}
  .editor aside{height:auto;position:relative;flex-direction:row;flex-wrap:wrap}
  .editor aside a{margin-top:0}
  .logo{width:100%}
  .editor main{padding:14px}
  .form,.lic-create-grid,.lic-filter-bar{grid-template-columns:1fr}
  .wide,.lic-span-2{grid-column:auto}
  .stats,.lic-stats-grid{grid-template-columns:1fr 1fr}
}