[hidden]{display:none!important}
.button,.select-trigger,.select-option{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
.button{min-height:44px;border-radius:9999px;font-weight:600}
.button.secondary{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:#fafaf9}
.button.secondary:hover{border-color:rgba(249,115,22,0.45);background:rgba(249,115,22,0.12);color:#fff}
.button.primary{background:linear-gradient(135deg,#ff6b00,#ea580c);border:1px solid rgba(255,255,255,0.2);color:#fff;box-shadow:0 4px 18px rgba(249,115,22,0.35)}
.button.primary:hover{box-shadow:0 6px 26px rgba(249,115,22,0.5);filter:brightness(1.1)}
.button:disabled{transform:none;filter:none;cursor:not-allowed;opacity:0.5}
.custom-select{position:relative;width:100%;font-weight:400;color:var(--text)}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:45px;text-align:left;background:#14110e;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:11px 14px;color:#fafaf9;font-size:13px}
.select-trigger:hover{border-color:rgba(249,115,22,0.45)}
.select-trigger>span{color:#fb923c;display:flex}
.select-trigger .icon{width:15px;height:15px}
.custom-select.open{z-index:20}
.custom-select.open .select-trigger{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,0.2)}
.select-options{position:absolute;top:calc(100% + 7px);left:0;right:0;min-width:150px;max-height:250px;overflow-y:auto;padding:6px;background:#14110e;border:1px solid rgba(249,115,22,0.3);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,0.8);z-index:30}
.select-option{display:block;text-align:left;width:100%;padding:10px 12px;border-radius:8px;color:#e7e5e4;background:transparent;font-size:13px;min-height:40px}
.select-option:hover,.select-option:focus-visible{background:rgba(249,115,22,0.15);color:#fff}
.select-option[aria-selected=true]{background:rgba(249,115,22,0.25);color:#fb923c}
.select-option[aria-selected=true]:after{content:'✓';float:right}
.select-option:disabled{opacity:.4;cursor:not-allowed}
.date-control{display:flex;position:relative;align-items:center;gap:4px}
.date-control>input{padding-right:40px}
.date-control>.icon-button{position:absolute;right:6px;color:#f97316}
.calendar-panel{position:absolute;top:calc(100% + 8px);left:0;width:min(280px,calc(100vw - 74px));padding:14px;background:#14110e;border:1px solid rgba(249,115,22,0.3);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,0.8);z-index:25}
.calendar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.calendar-heading strong{font-size:12px;color:#fff}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.calendar-grid>span{font-size:10px;color:#fb923c;text-align:center;padding:5px 0}
.calendar-grid>button{min-height:30px;padding:3px;border-radius:6px;background:transparent;color:#e7e5e4;font-size:11px}
.calendar-grid>button:hover{background:rgba(249,115,22,0.18);color:#fff}
.calendar-grid>button.selected{background:#f97316;color:#0b0908;font-weight:700}
.toolbar>.custom-select{max-width:180px}
.verification-clock{display:flex;align-items:center;justify-content:space-between;margin:15px 0 8px;color:#fb923c;font-size:12px}
.verification-clock strong{color:#f97316;font-size:23px;font-variant-numeric:tabular-nums}
#verify-progress{width:100%;height:5px;appearance:none;border:0;border-radius:5px;background:#1c1712}
#verify-progress::-webkit-progress-bar{background:#1c1712;border-radius:5px}
#verify-progress::-webkit-progress-value{background:linear-gradient(90deg,#ff6b00,#f97316);border-radius:5px}
#verification-code{font-family:'JetBrains Mono',monospace;font-size:25px;text-align:center;letter-spacing:12px;padding:14px;background:#0d0b09;border:1px solid rgba(255,255,255,0.1);color:#fff;border-radius:12px}
#forgot-credentials{font-size:12px;color:#fb923c}
.recovered-account{padding:16px;background:#14110e;border:1px solid rgba(249,115,22,0.3);border-radius:12px;margin-top:20px}
.recovered-account h3{font-size:16px;color:#fff}
.recovered-account p{margin-bottom:0}
.hook-row{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}
.hook-url{display:block;overflow-wrap:anywhere;font-size:11px;color:#fb923c;line-height:1.7;margin-top:9px}
.hook-row .badge{margin-left:7px}
.hook-row .action-row{margin-top:12px}
.hook-row .item-info h4{font-size:13px}
input[type=number]{appearance:textfield}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input,textarea{background:#14110e;color:#fafaf9;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:10px 14px;transition:border-color .15s,box-shadow .15s}
input:focus,textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,0.2);outline:none}
button:focus-visible{outline:2px solid #f97316;outline-offset:3px}
.header nav{gap:12px}
.header nav a{white-space:nowrap}
@media(max-width:600px){.toolbar>.custom-select{max-width:none}.select-options{max-height:210px}.select-option{min-height:44px}.hook-row .action-row{display:grid;grid-template-columns:1fr 1fr}.header nav{gap:8px}.calendar-panel{left:auto;right:0}}
@media(prefers-reduced-motion:reduce){.button,.select-trigger,.select-option,input,textarea{transition:none}}
.custom-select.above .select-options,.date-control.above .calendar-panel{top:auto;bottom:calc(100% + 8px)}
.generated-key-list { display: block; white-space: pre; overflow-x: auto; }