@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b0d11;--surface:#11151b;--raised:#171c24;--hover:#202834;--border:#242b36;--text:#e9edf5;--muted:#8c97a9;--accent:#72e7bd;--accent-dim:#17332d;--danger:#fa8589;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5}
:root[data-theme=light]{color-scheme:light;--bg:#f4f6f9;--surface:#fff;--raised:#edf1f5;--hover:#e0e6ee;--border:#d8dfe8;--text:#17202e;--muted:#576478;--accent:#087853;--accent-dim:#e2f5ec;--danger:#b72238}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{min-width:0;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:11px 13px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}input[type=radio]{accent-color:var(--accent);width:19px;height:19px;margin:0}textarea{resize:vertical}h1,h2,p{margin-top:0}h1{font-size:1.85rem;line-height:1.25;font-weight:650;letter-spacing:-.045em;margin:6px 0 0}h2{font-size:1rem;letter-spacing:-.015em;font-weight:600;margin:0}small{font-size:.75rem}.muted,.field-hint,.footnote{color:var(--muted)}.eyebrow{font-size:.7rem;letter-spacing:.14em;font-weight:650;color:var(--muted)}.sidebar{width:226px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:30px 18px 20px;background:var(--surface)}.brand{display:flex;align-items:center;gap:11px;font-size:1.08rem;letter-spacing:.055em;font-weight:750;color:var(--text)}.brand-mark{display:grid;place-items:center;width:34px;height:38px;color:var(--bg);background:var(--accent);border-radius:8px 8px 13px 8px;font-weight:800;font-size:1.45rem;font-style:italic}.brand small{display:block;color:var(--muted);font-size:.58rem;letter-spacing:.14em;margin-top:1px}.sidebar nav{margin-top:50px;display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;border:1px solid transparent;padding:12px;color:var(--muted);font-size:.875rem;border-radius:8px;transition:background .16s,color .16s}.nav-item:hover{background:var(--raised);color:var(--text)}.nav-item.active{color:var(--accent);background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.nav-dot{width:8px;height:8px;border:1.5px solid currentColor;border-radius:2px}.nav-item.active .nav-dot{background:currentColor}.sidebar-bottom{margin-top:auto;display:grid;gap:18px}.domain{color:var(--muted);font-size:.72rem;padding-left:8px}.workspace{margin-left:226px}.topbar{min-height:72px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 38px;font-size:.8125rem;color:var(--muted)}.topbar b{font-weight:500;color:var(--text)}.slash{padding:0 12px;color:var(--border)}.theme-button{width:33px;height:33px;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:8px;font-size:1.1rem}.main{max-width:1400px;margin:0 auto;padding:34px 38px 48px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.pill,.count{background:var(--raised);border:1px solid var(--border);color:var(--muted);font-size:.75rem;font-weight:500;padding:5px 10px;border-radius:7px;white-space:nowrap}.count{vertical-align:middle}.button{border:1px solid var(--border);border-radius:9px;padding:10px 17px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:.875rem;font-weight:600;transition:background .16s,transform .16s;color:var(--text);background:var(--raised);text-align:center}.button:hover{background:var(--hover)}.button.primary{background:var(--accent);color:#0c241b;border-color:var(--accent)}.button.primary:hover{filter:brightness(1.07)}:root[data-theme=light] .button.primary{color:#fff}.button.outline{background:transparent}.button.subtle{background:transparent;color:var(--muted)}.full{width:100%}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 23px;border-bottom:1px solid var(--border)}.panel-heading a{font-size:.8rem}.creation-layout{display:grid;grid-template-columns:minmax(0,670px) minmax(180px,1fr);gap:32px;align-items:start}.creation-card{padding:27px 29px}.creation-card fieldset{border:0;padding:0;margin:0 0 19px;min-width:0}.creation-card legend,.field-title{font-weight:600;font-size:1rem;display:block;margin-bottom:15px}.radio-row{display:flex;align-items:center;gap:30px}.radio-choice{display:flex;align-items:center;gap:9px;font-size:.9rem}.field-hint{font-size:.75rem;line-height:1.5;margin:11px 0 0}.select-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:.875rem}.select-row>span{display:flex;gap:10px;align-items:center}.clock-icon{font-size:1.4rem;line-height:1;color:var(--muted)}.select-row select{max-width:155px;background:var(--raised);padding:10px 12px}.form-divider{height:1px;background:var(--border);margin:26px 0}.input-with-count{position:relative}.input-with-count input{padding-right:53px}.input-with-count>span{position:absolute;right:12px;top:13px;font-size:.72rem;color:var(--muted)}.quantity-row{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:26px;font-size:.9rem;font-weight:600}.quantity-row small{display:block;font-weight:400;color:var(--muted);margin-top:2px}.quantity-row input{max-width:96px;background:var(--raised);text-align:center}.generation-output{margin:23px 0}.output-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.8rem;font-weight:500;color:var(--muted)}.output-label label span{margin-left:8px;border:1px solid var(--border);padding:0 6px;border-radius:4px;font-size:.72rem}.generation-output textarea{font-family:"Cascadia Code",Consolas,monospace;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:7px 0;min-height:56px;font-size:.85rem;color:var(--accent);background:transparent}.icon-button{width:32px;height:32px;padding:7px;background:transparent;border:0;color:var(--muted);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-button:hover{background:var(--raised);color:var(--accent)}.copy-icon{display:block;width:12px;height:15px;border:1.5px solid currentColor;border-radius:2px;position:relative}.copy-icon:before{content:"";position:absolute;width:9px;height:11px;border:1.5px solid currentColor;border-bottom:0;border-right:0;left:-5px;top:-5px;border-radius:2px}.generate-buttons{display:grid;grid-template-columns:1fr 1fr;gap:13px}.generate-buttons .button{min-height:49px}.creation-aside{padding-top:3px}.compact-note{padding:19px 0 24px;border-bottom:1px solid var(--border)}.note-icon{font-size:1.7rem;color:var(--accent);display:block;margin-bottom:13px}.compact-note p{font-size:.8125rem;line-height:1.7;color:var(--muted);max-width:210px;margin:9px 0 0}.format-preview{padding-top:26px}.format-preview code{display:block;font-size:.78rem;white-space:nowrap;margin-top:13px;letter-spacing:-.03em}.format-preview code b{font-weight:500;color:var(--accent)}.format-preview code span{padding:0 4px;color:var(--muted)}.format-preview>div{display:flex;gap:34px;font-size:.68rem;color:var(--muted);margin-top:8px}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:27px}.stat{position:relative;padding:20px 21px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.stat>span:first-child{color:var(--muted);font-size:.8rem}.stat strong{display:block;font-size:2rem;line-height:1.3;font-weight:600;margin-top:8px;letter-spacing:-.04em}.stat-line{position:absolute;bottom:0;left:21px;right:21px;height:2px;background:var(--border)}.stat-line.active{background:var(--accent)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.8125rem;white-space:nowrap}th{color:var(--muted);font-size:.7rem;font-weight:500;background:color-mix(in srgb,var(--raised) 45%,var(--surface));padding:13px 21px}td{padding:16px 21px;border-top:1px solid var(--border)}td small{display:block;color:var(--muted);font-size:.7rem;margin-top:4px}td b{font-weight:500;font-size:.72rem}.mono,code{font-family:"Cascadia Code",Consolas,monospace}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;border-radius:5px;padding:3px 7px;background:var(--raised);color:var(--muted)}.badge:before{content:"";height:4px;width:4px;border-radius:50%;background:currentColor}.badge.active{color:var(--accent);background:var(--accent-dim)}.badge.expired{color:#e0ab71}.badge.disabled{color:var(--danger)}.empty{text-align:center;padding:42px 20px;color:var(--muted)}.filter-bar{display:flex;align-items:center;gap:10px;padding:17px 20px}.filter-bar input{max-width:330px;font-size:.85rem}.filter-bar select{max-width:180px;font-size:.85rem}.key-cell{display:flex;align-items:center;gap:8px}.key-cell code{font-size:.78rem}.row-actions{display:flex;gap:10px;align-items:center}.text-button{background:none;border:0;padding:4px 0;color:var(--muted);font-size:.73rem;white-space:nowrap}.text-button:hover{color:var(--accent)}.text-button.danger{color:var(--danger)}.pagination{border-top:1px solid var(--border);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:.75rem}.pagination>div{display:flex;gap:8px}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:40px 18px}.auth-box{width:100%;max-width:430px;padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:18px}.auth-box>.brand{margin-bottom:30px}.auth-box h1{font-size:1.6rem;margin-bottom:8px}.auth-box .muted{font-size:.875rem;margin-bottom:26px}.stack{display:grid;gap:17px}.stack label{font-size:.8125rem;color:var(--muted);display:grid;gap:7px}.stack .form-divider{margin:5px 0}.footnote{text-align:center;font-size:.75rem;margin:22px 0 0}.notice{padding:12px 15px;font-size:.8125rem;border:1px solid var(--accent);border-radius:8px;background:var(--accent-dim);margin-bottom:20px}.notice.error{border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.two-cols{display:grid;grid-template-columns:1fr 110px;gap:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;padding:10px 20px;background:var(--raised);border:1px solid var(--border);box-shadow:0 6px 24px #0003;border-radius:10px;font-size:.875rem;transition:opacity .15s,transform .15s;z-index:10}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.main{padding-top:42px}.creation-layout{gap:48px}.creation-card{padding:30px 34px}}
@media(max-width:1120px){.creation-layout{grid-template-columns:minmax(0,1fr)}.creation-aside{display:none}.stat-grid{grid-template-columns:repeat(3,1fr)}.main{padding:28px}.sidebar{width:200px}.workspace{margin-left:200px}.topbar{padding:0 28px}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:16px 18px 0;border-right:0;border-bottom:1px solid var(--border)}.brand-mark{height:31px;width:29px;font-size:1.15rem}.brand{font-size:.93rem}.brand small{font-size:.5rem}.sidebar nav{margin-top:17px;display:flex;gap:5px}.nav-item{font-size:.8rem;padding:10px 12px;border-radius:7px 7px 0 0;white-space:nowrap}.nav-dot{display:none}.sidebar-bottom{display:none}.workspace{margin-left:0}.topbar{min-height:48px;padding:0 19px;font-size:.73rem}.main{padding:23px 18px 35px}.heading-row{margin-bottom:21px;gap:12px}h1{font-size:1.6rem}.heading-row>.button{font-size:.75rem;padding:9px 12px}.eyebrow{font-size:.62rem}.creation-card{padding:22px 20px}.creation-card legend,.field-title{font-size:.94rem}.select-row{font-size:.8rem;gap:12px}.select-row select{max-width:120px}.quantity-row{font-size:.8125rem}.quantity-row input{max-width:82px}.radio-row{gap:28px}.generation-output{margin:22px 0}.generate-buttons{grid-template-columns:1fr;gap:12px}.generate-buttons .button{min-height:49px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:15px}.stat strong{font-size:1.75rem}.stat:first-child{grid-column:1/-1}.filter-bar{flex-wrap:wrap;padding:14px}.filter-bar input{max-width:none}.filter-bar select{flex:1;max-width:none}.pagination{align-items:flex-start;flex-direction:column}.panel-heading{padding:17px}.panel-heading a{font-size:.73rem}.field-hint{font-size:.7rem}.pill{font-size:.68rem}.auth-box{padding:25px}.table-wrap table{font-size:.8rem}.row-actions{gap:14px}td,th{padding-left:16px;padding-right:16px}}
@media(max-width:760px){.sidebar{position:relative}.sidebar-bottom{display:block;position:absolute;top:15px;right:18px}.sidebar-bottom .domain{display:none}.sidebar-bottom .button{min-height:32px;padding:4px 12px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}