:root{color:#e9eef7;font-synthesis:none;text-rendering:optimizelegibility;background:#0a0f1b;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#142a40 0,#0000 34rem),#0a0f1b;min-width:1100px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select,button{border:1px solid #2b3a52;border-radius:10px}input,select{color:#edf4ff;background:#0d1523;outline:0;width:100%;height:40px;padding:0 11px}input:focus,select:focus{border-color:#68cfe7;box-shadow:0 0 0 3px #68cfe71f}button{color:#cdd8e8;background:#18253a;min-height:38px;padding:0 14px}button:hover:not(:disabled){border-color:#6686aa}button.primary{color:#07151c;background:linear-gradient(135deg,#93ecf7,#5dc8e6);border-color:#58c8e2;font-weight:750}button.ghost{background:0 0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px;font-size:28px}h2{margin-bottom:4px;font-size:18px}h3{margin:20px 0 9px;font-size:14px}p{color:#8998ac;font-size:13px}label{color:#aebbd0;gap:6px;font-size:12px;font-weight:650;display:grid}.login-shell{place-items:center;min-height:100vh;display:grid}.login-card{background:#101827f2;border:1px solid #263750;border-radius:20px;gap:17px;width:390px;padding:28px;display:grid;box-shadow:0 30px 80px #00000059}.brand-mark{color:#08141b;background:#7fdff1;border-radius:14px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.app-shell{min-height:100vh}header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f1beb;border-bottom:1px solid #213149;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}header div{align-items:baseline;gap:12px;display:flex}header strong{font-size:17px}header span{color:#74869f;font-size:12px}.content{gap:16px;width:min(1500px,100% - 48px);margin:0 auto;padding:22px 0 40px;display:grid}.panel{background:#101827e6;border:1px solid #263750;border-radius:16px;overflow:hidden}.create-panel,.details-panel{padding:18px}.section-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.section-title p{margin-bottom:0}.create-form{grid-template-columns:minmax(230px,1.5fr) 120px 160px 160px 160px auto;align-items:end;gap:10px;display:grid}.created-code{background:#276b7f29;border:1px solid #5acfe759;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:12px 14px;display:flex}.created-code div{gap:5px;display:grid}.created-code small{color:#8bdced}code,.mono{font-family:ui-monospace,Consolas,monospace}.created-code code{color:#ecfbff;font-size:14px}.list-heading{margin:0;padding:16px 18px 12px}.search{gap:8px;width:320px;display:flex}.notice{border:1px solid;border-radius:11px;margin:0;padding:10px 13px}.notice.error{color:#ff9fad;background:#621c2847;border-color:#f4697a73}.notice.success{color:#8de5bc;background:#15543c40;border-color:#43d29466}.table-scroll{border-top:1px solid #23344c;overflow:auto}.table-scroll.compact{border:1px solid #23344c;border-radius:11px;max-height:340px}.table-scroll,.dialog{scrollbar-width:thin;scrollbar-color:#79dbf047 transparent}.table-scroll::-webkit-scrollbar{width:8px;height:8px}.dialog::-webkit-scrollbar{width:8px;height:8px}.table-scroll::-webkit-scrollbar-thumb{background:#79dbf047 padding-box padding-box;border:2px solid #0000;border-radius:999px}.dialog::-webkit-scrollbar-thumb{background:#79dbf047 padding-box padding-box;border:2px solid #0000;border-radius:999px}table{border-collapse:collapse;color:#cbd5e5;width:100%;min-width:1080px;font-size:12px}th{z-index:1;color:#8fa0b7;text-align:left;background:#111c2c;font-size:11px;position:sticky;top:0}th,td{vertical-align:middle;border-bottom:1px solid #203048;padding:11px 12px}tbody tr:hover{background:#273a5247}.empty{color:#74869f;text-align:center;padding:26px}.muted{color:#75859c}.status{color:#e7c87b;background:#704e164d;border-radius:999px;padding:3px 8px;display:inline-flex}.status.active{color:#8ce4bb;background:#1a65484d}.status.expired{color:#a8b2c1;background:#4d546259}.actions{gap:6px;display:flex}.actions button{min-height:30px;padding:0 9px;font-size:11px}.pagination,.dialog-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;display:flex}.backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03070ec2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:#111b2b;border:1px solid #304560;border-radius:17px;gap:15px;width:430px;padding:20px;display:grid;box-shadow:0 30px 90px #00000073}.dialog p{margin-bottom:0}.dialog-date-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-help,.dialog-tip{color:#71839b;font-size:11px;font-weight:400;line-height:1.5}.dialog-tip{background:#1624378c;border:1px solid #263a54;border-radius:10px;padding:9px 11px}