:root{
--bg:#f5f5f3;--surface:#fff;--surface2:#f0f1ef;--ink:#101114;--muted:#73777d;--line:#dedfdd;
--green:#48d89b;--greenDark:#123d2c;--yellow:#e6ad32;--yellowBg:#fff5d9;--red:#c9515d;
--shadow:0 18px 50px rgba(20,25,30,.07);--radius:24px
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,system-ui,sans-serif}
button,input{font:inherit}button{cursor:pointer}
.nav{height:70px;background:#f5f5f3e8;border-bottom:1px solid #00000008;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1120px)/2));position:sticky;top:0;z-index:20;backdrop-filter:blur(20px)}
.brand{display:flex;align-items:center;gap:10px}.brandIcon{width:34px;height:34px;border-radius:10px;background:#111;color:#fff;display:grid;place-items:center;font-weight:900;font-style:italic}.brand b{display:block;letter-spacing:.14em;font-size:13px}.brand small{display:block;color:#8a8d92;font-size:8px;letter-spacing:.2em}.navRight{display:flex;align-items:center;gap:10px}.liveDot{display:flex;align-items:center;gap:6px;color:#7c8086;font-size:9px;letter-spacing:.14em;font-weight:800}.liveDot i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #48d89b22}.navBtn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;color:#222}
main{width:min(1120px,calc(100% - 32px));margin:28px auto 60px}
.nextCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.sectionTop{display:flex;justify-content:space-between;align-items:flex-start}.kicker{font-size:10px;letter-spacing:.17em;font-weight:900;color:#858a91}.position{font-size:12px;color:var(--muted);margin-top:3px}.availability{font-size:10px;font-weight:900;letter-spacing:.1em;padding:7px 10px;border-radius:999px;background:#eaf9f1;color:#25734f}.availability.wait{background:var(--yellowBg);color:#916b18}
.heroIdentity{display:flex;gap:18px;align-items:center;margin:26px 0 18px}.heroNumber{width:68px;height:68px;border-radius:19px;background:#f0f1ef;display:grid;place-items:center;font-size:20px;font-weight:900;flex:none}.heroInfo{min-width:0}.heroInfo h1{font-size:clamp(25px,4vw,43px);line-height:1.02;margin:3px 0 5px;word-break:break-all;letter-spacing:-.03em}.heroInfo p{color:var(--muted);margin:0;font-size:13px}.modelStrip{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 22px}.modelChip{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:#fafafa;color:#4f545b}.modelChip.wait{background:var(--yellowBg);border-color:#efd895;color:#886313}.primaryActions{display:grid;grid-template-columns:1.65fr 1fr;gap:10px}.primaryAction,.secondaryAction{border-radius:15px;min-height:66px;border:0;text-align:left;padding:13px 17px;display:flex;align-items:center;justify-content:space-between}.primaryAction{background:#151719;color:#fff}.primaryAction b,.secondaryAction b{display:block;font-size:13px;letter-spacing:.05em}.primaryAction small,.secondaryAction small{display:block;font-size:11px;color:#92979e;margin-top:2px;font-weight:500}.primaryAction strong{font-size:24px;font-weight:400}.secondaryAction{background:#fff5f6;color:#9c3d48;border:1px solid #f0c8cd}.actionIcon{font-size:19px;margin-right:12px}.credentialActions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.credentialActions button,.ghostBtn,.settingButtons button,.settingButtons label{background:#f3f4f2;border:1px solid var(--line);color:#333;padding:9px 12px;border-radius:11px;font-size:10px;font-weight:900;letter-spacing:.05em}
.rotationSection{margin-top:38px}.listHead{display:flex;justify-content:space-between;align-items:end;gap:20px}.listHead h2{margin:4px 0 0;font-size:29px;letter-spacing:-.03em}.listTools{display:flex;gap:8px}.listTools input{width:230px}.listTools input,.addBtn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 13px}.addBtn{font-size:10px;font-weight:900}.legend{display:flex;gap:15px;align-items:center;color:#888d94;font-size:10px;margin:13px 2px}.legendDot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}.legendDot.ready{background:var(--green)}.legendDot.wait{background:var(--yellow)}.accountList{display:flex;flex-direction:column;gap:7px}.accountRow{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:.15s}.accountRow.current{border-color:#8acdb0;background:#fbfffd;box-shadow:0 5px 20px #48d89b0d}.accountRow:hover{transform:translateY(-1px);box-shadow:0 8px 25px #00000008}.num{font-size:11px;font-weight:900;color:#a2a6ab;text-align:center}.rowEmail{font-weight:750;font-size:13px;word-break:break-all}.rowMeta{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.tag{font-size:9px;padding:3px 7px;border-radius:999px;background:#f1f2f0;color:#777c82}.tag.green{background:#eaf9f1;color:#25734f}.tag.yellow{background:var(--yellowBg);color:#916b18}.rowActions{display:flex;gap:5px}.mini{border:1px solid var(--line);background:#fafafa;color:#333;padding:8px 9px;border-radius:9px;font-size:9px;font-weight:900}.mini.primary{background:#151719;color:#fff;border-color:#151719}
footer{width:min(1120px,calc(100% - 32px));margin:0 auto 30px;display:flex;justify-content:space-between;color:#9a9da1;font-size:10px}
dialog{border:0;padding:0;background:transparent}dialog::backdrop{background:#0007;backdrop-filter:blur(7px)}.modal{width:min(560px,calc(100vw - 26px));padding:25px;background:#fff;border:1px solid var(--line);border-radius:23px;box-shadow:0 30px 90px #0003}.modal.compact{width:min(480px,calc(100vw - 26px))}.modalHead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal h2{margin:4px 0 0;font-size:26px;letter-spacing:-.03em}.close{background:none;border:0;font-size:28px;color:#96999d}.modal label{display:block;font-size:11px;font-weight:800;color:#656a70;margin:14px 0}.modal label input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:11px;padding:12px;background:#f7f7f5;outline:none}.modal label input:focus{border-color:#9ca1a7}.profileHint{font-size:10px;color:#888d94;background:#f3f4f2;padding:10px;border-radius:10px}.toggle{display:flex!important;gap:8px;align-items:center}.toggle input{width:auto!important;margin:0!important}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.primarySmall{background:#151719;color:#fff;border:0;border-radius:11px;padding:11px 14px;font-size:10px;font-weight:900}.modalEmail{color:#777b81;font-size:12px;word-break:break-all}.modalLabel{font-size:10px;letter-spacing:.12em;font-weight:900;color:#858a91;margin:16px 0 8px}.modelButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modelButtons button{border:1px solid var(--line);background:#f5f5f3;color:#333;border-radius:12px;padding:13px;font-weight:850}.modelButtons button.selected{background:#151719;color:#fff;border-color:#151719}.quickTimes{display:flex;gap:6px;margin:8px 0}.quickTimes button{background:#f3f4f2;border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:10px;font-weight:900}.compact input[type=datetime-local]{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:#f7f7f5}.full{width:100%;margin-top:12px}.settingBlock{border-top:1px solid var(--line);padding:17px 0}.settingBlock>b,.settingBlock>div>b{font-size:13px}.settingBlock p{font-size:11px;color:#888d94;margin:3px 0 10px}.settingsModels{display:flex;flex-direction:column;gap:6px}.settingRow{display:flex;justify-content:space-between;align-items:center;background:#f5f5f3;border-radius:10px;padding:9px 11px;font-size:12px}.settingRow button{border:0;background:none;color:var(--red);font-size:9px;font-weight:900}.addModel{display:flex;gap:6px;margin-top:7px}.addModel input{flex:1;border:1px solid var(--line);border-radius:10px;padding:9px;background:#f7f7f5}.addModel button{border:0;background:#151719;color:#fff;border-radius:10px;padding:9px 12px;font-size:9px;font-weight:900}.settingButtons{display:flex;gap:7px;flex-wrap:wrap}.settingButtons input{display:none}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#151719;color:#fff;padding:10px 14px;border-radius:11px;font-size:11px;font-weight:800;transition:.2s;z-index:99;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.nav{padding:0 16px}main{width:calc(100% - 20px);margin-top:12px}.nextCard{padding:20px;border-radius:21px}.primaryActions{grid-template-columns:1fr}.credentialActions{justify-content:stretch}.credentialActions button{flex:1}.listHead{align-items:stretch;flex-direction:column}.listTools input{width:auto;flex:1}.accountRow{grid-template-columns:34px 1fr}.rowActions{grid-column:2;flex-wrap:wrap}.accountRow.current{border-left:3px solid #55c996}.heroInfo h1{font-size:25px}footer{width:calc(100% - 20px)}.modelButtons{grid-template-columns:1fr}}