*{box-sizing:border-box}body{margin:0;background:#080b12;color:#e9eef8;font:15px Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.side{padding:26px 18px;border-right:1px solid #202838;background:#0c111b}.brand{font-size:23px;font-weight:800;letter-spacing:-.5px}.secure{color:#6ee7b7}.muted{color:#8d9aaf}.nav{margin-top:30px;display:grid;gap:8px}.nav button{border:0;background:transparent;color:#aeb8ca;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.nav button:hover,.nav button.active{background:#171e2c;color:white}.main{padding:36px;max-width:1200px;width:100%}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.card{background:#0f1623;border:1px solid #202b3e;border-radius:16px;padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.hero{padding:28px;background:linear-gradient(135deg,#111a2b,#0d201c);border:1px solid #26374c;border-radius:18px;margin-bottom:18px}.hero h1{font-size:30px;margin:0 0 8px}.stat{font-size:28px;font-weight:800}.label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8390a4}.btn{border:0;background:#e7fff4;color:#062117;font-weight:700;padding:11px 16px;border-radius:10px;cursor:pointer}.btn.secondary{background:#1a2435;color:#e9eef8}.field{display:grid;gap:7px;margin:12px 0}.field input,.field select{background:#0a101a;border:1px solid #29354a;color:white;padding:12px;border-radius:10px}.authwrap{min-height:100vh;display:grid;place-items:center;padding:30px}.auth{width:min(460px,100%)}.auth .card{padding:28px}.tabs{display:flex;gap:8px;margin:18px 0}.tabs button{flex:1}.hidden{display:none!important}.project{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #1e2838}.pill{padding:5px 9px;border-radius:999px;background:#152d25;color:#86efc0;font-size:12px}.steps{display:grid;gap:10px}.step{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid #223047;border-radius:12px}.num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#203047}.code{font-family:ui-monospace,SFMono-Regular,monospace;background:#080c13;padding:12px;border-radius:10px;overflow:auto;color:#a7f3d0}.toast{position:fixed;right:24px;bottom:24px;background:#172235;border:1px solid #33445e;padding:12px 16px;border-radius:10px}@media(max-width:760px){.shell{grid-template-columns:1fr}.side{display:none}.main{padding:20px}}
.tabs button.tab.active{background:#e7fff4;color:#062117;font-weight:800}.tabs button.tab:not(.active){background:#1a2435;color:#e9eef8}.devmail{margin-top:18px;border:1px solid #365847;background:#0c1d18}.mailhead{display:flex;justify-content:space-between;gap:12px;align-items:center}.mailbody{margin-top:12px;padding:14px;border-radius:10px;background:#08110e;border:1px solid #1d3b31}.success{color:#86efc0}.warning{color:#f7d794}

/* v12 RC4 unified Seeqre dialogs */
.sq-modal-back{position:fixed;inset:0;z-index:9999;background:rgba(2,6,12,.76);backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px}
.sq-modal{width:min(520px,100%);background:#0f1623;border:1px solid #2a3850;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden}
.sq-modal-head{padding:22px 24px 8px}.sq-modal-head small{display:block;color:#6ee7b7;font-weight:800;letter-spacing:.11em;font-size:11px;margin-bottom:7px}.sq-modal-head h2{margin:0;font-size:22px}
.sq-modal-body{padding:10px 24px 20px;color:#c0cad9}.sq-modal-actions{padding:16px 24px 22px;border-top:1px solid #202b3e;display:flex;gap:10px;justify-content:flex-end}
.sq-modal-actions .danger{background:#3a171d;color:#fecdd3}.sq-modal .field textarea{min-height:92px;resize:vertical;background:#0a101a;border:1px solid #29354a;color:white;padding:12px;border-radius:10px}
.sq-modal-close{border:0;background:transparent;color:#8d9aaf;font-size:22px;cursor:pointer;float:right;margin-top:-3px}
