:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192333;background:#f6f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#eae4ff,transparent 50%),radial-gradient(ellipse at 95% 30%,#e7f4ef,transparent 45%);min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:28px 5.5%}a{color:#6553cc;text-decoration:none}.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px;color:#192333}.brand span{font-size:11px;color:#8871ee;margin-left:5px}main{max-width:1160px;margin:42px auto;padding:0 24px}.intro{margin-bottom:32px}.intro p{font-size:11px;letter-spacing:3px;color:#7864c4;font-weight:700}h1{font-size:36px;margin:12px 0}.intro>span{color:#7a8192;font-size:14px}.layout{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:start}.panel{background:#ffffffd9;border:1px solid #fff;border-radius:24px;padding:28px;box-shadow:0 14px 45px #473c7610}h2{font-size:18px;margin:0 0 25px}label{display:block;font-size:13px;font-weight:650;margin:20px 0 9px}.row{display:flex;gap:8px}input,select{font:inherit;min-width:0;width:100%;border:1px solid #e1dfeb;border-radius:10px;padding:13px;background:#fafaff;color:#273044}input:focus,select:focus{outline:2px solid #b1a1f3;outline-offset:1px}button{cursor:pointer;font:inherit;font-size:13px;font-weight:600;border:0;border-radius:10px;padding:12px 15px;background:#eee9fc;color:#6552c4;white-space:nowrap}button:disabled{opacity:.45;cursor:default}.primary{width:100%;margin-top:24px;background:#6d59d5;color:white;padding:16px;font-size:15px}.otp{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:18px 14px;background:#f5f2ff;border-radius:14px}.otp strong{font-family:ui-monospace,monospace;font-size:29px;letter-spacing:4px}.otp small{display:block;font-size:11px;color:#83769b;margin-top:6px}.heading{display:flex;align-items:center;justify-content:space-between}.heading h2{margin:0}.filter{margin-top:18px}#count{font-size:12px;color:#868293}#notice{font-size:13px;line-height:1.6;min-height:20px;margin-bottom:0}.record{border-top:1px solid #ece9f2;padding:18px 0}.record time{font-size:11px;color:#8c879a}.record .id{font-size:15px;font-weight:650;overflow-wrap:anywhere;margin:7px 0 12px}.actions{display:flex;gap:7px;flex-wrap:wrap}.record .otp{margin:12px 0 0;padding:10px 12px}.record .otp strong{font-size:24px}#more{width:100%;margin-top:15px}.empty{padding:35px 0;color:#9993a7;font-size:14px;text-align:center}@media(max-width:760px){main{margin:15px auto;padding:0 16px}.layout{grid-template-columns:1fr}.panel{padding:22px}header{padding:22px}h1{font-size:30px}.otp strong{font-size:25px}.otp button{padding:11px 9px;font-size:12px}}