:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1c2b46;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.page{max-width:1260px;padding:0 30px;margin:auto}.topbar{padding:25px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e9f2}.logo{display:flex;gap:12px;align-items:center;font-size:16px;font-weight:800}.logo-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#315fe9;color:#fff;font-size:18px;box-shadow:0 8px 15px #315fe92a}.logo small{display:block;font-size:10px;font-weight:700;color:#97a3b6;letter-spacing:1px;margin-top:4px}.online{font-size:11px;color:#718199;font-weight:650}.online i{display:inline-block;height:7px;width:7px;background:#0abc96;border-radius:50%;margin-right:5px}.hero{padding:43px 0 29px}.eyebrow{font-size:10px;color:#3d62e7;letter-spacing:1.7px;font-weight:800;margin-bottom:12px}h1{margin:0 0 9px;font-size:35px;letter-spacing:-1px;color:#142136}.hero p{font-size:14px;color:#7988a0;line-height:1.7;margin:0}.clock-row{display:grid;grid-template-columns:1.35fr 1fr .75fr;gap:12px;margin-top:24px}.clock-card{background:white;border:1px solid #e7edf6;border-radius:15px;padding:22px 23px;min-height:121px;display:flex;flex-direction:column;justify-content:center}.clock-card.blue{background:linear-gradient(135deg,#173caa,#3768ef);color:#fff;border:0}.clock-card span{font-size:11px;opacity:.7;font-weight:650}.clock-card strong{font-size:26px;letter-spacing:.5px;margin:6px 0;font-variant-numeric:tabular-nums}.clock-card.blue strong{font-size:32px}.clock-card small{font-size:11px;opacity:.65}.layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:20px;align-items:start}.panel,.aside-panel{border:1px solid #e7ebf4;background:#fff;border-radius:14px;box-shadow:0 6px 22px #25477d0b}.panel{margin-bottom:16px;padding:24px 29px}.heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.heading .num{display:grid;place-items:center;flex:none;width:33px;height:33px;background:#eef3ff;border-radius:10px;color:#315de1;font-size:12px;font-weight:800}.heading h2{font-size:17px;margin:0 0 6px}.heading p{margin:0;font-size:12px;line-height:1.7;color:#8e9bb0}.field{display:flex;flex-direction:column;gap:9px;margin-top:17px}.field b{font-size:13px;color:#34445c}.field em{font-size:10px;font-weight:600;font-style:normal;color:#a6afbe;margin-left:3px}.field small{font-size:11px;line-height:1.6;color:#a0adbd}textarea,input[type=text],input[type=tel]{width:100%;border:1px solid #dde5f0;background:#fbfcfe;color:#20334d;border-radius:9px;padding:12px 13px;outline:none;font-size:14px}textarea{min-height:88px;resize:vertical;line-height:1.7;word-break:break-all}textarea:focus,input:focus{border-color:#547cef;box-shadow:0 0 0 4px #547cef15}::placeholder{color:#abb6c7}.two-col,.slots{display:grid;grid-template-columns:1fr 1fr;gap:13px}.slot{border:1px solid #e0e7f0;border-radius:10px;padding:16px 14px;position:relative;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.15s}.slot:has(input:checked){border-color:#6989eb;background:#f6f8ff}.slot input{position:absolute;top:3px;left:3px;opacity:0}.slot:focus-within{outline:3px solid #7291ef55;outline-offset:2px}.slot strong{font-size:14px}.slot small{display:block;font-size:11px;color:#9baabd;margin-top:6px}.tick{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eff2f7;color:transparent;font-size:12px;font-weight:700}.slot:has(input:checked) .tick{background:#315de4;color:#fff}.sms-line{display:flex;gap:15px;align-items:center}.sms-line span{font-size:11px;line-height:1.7;color:#94a3b8}.btn{border:0;border-radius:9px;font-size:13px;font-weight:750;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.secondary{flex-shrink:0;background:#ebf1ff;color:#315edb;padding:13px 17px}.secondary:hover:not(:disabled){background:#dce7ff}.primary{width:100%;background:#2b5be7;color:white;padding:15px;box-shadow:0 10px 20px #2557e824;font-size:14px}.primary:hover:not(:disabled){background:#1f4dd0}.summary{display:flex;justify-content:space-between;background:#f7f9fd;padding:15px;border:1px solid #edf1f8;border-radius:9px;margin-bottom:16px}.summary span{color:#97a6b7;font-size:11px;display:flex;flex-direction:column;gap:6px}.summary strong{color:#40516d;font-size:13px}.fine{font-size:11px;color:#9eacbd;text-align:center;margin:13px 0 0}aside{display:flex;flex-direction:column;gap:15px;position:sticky;top:16px}.aside-panel{padding:20px}.aside-panel h3{font-size:14px;margin:0 0 18px}.steps{list-style:none;margin:0 0 0 11px;padding:0 0 0 24px;border-left:1px solid #e4eaf4;counter-reset:steps}.steps li{position:relative;counter-increment:steps;padding:0 0 26px}.steps li:last-child{padding-bottom:0}.steps li:before{content:counter(steps);position:absolute;left:-37px;top:-2px;background:#edf2ff;border:3px solid white;color:#4163dd;border-radius:50%;height:24px;width:24px;display:grid;place-items:center;font-size:11px;font-weight:800}.steps b{font-size:12px;color:#455572}.steps small{font-size:11px;color:#a0acbe;display:block;margin-top:6px}.muted{background:#fafcff}dl{display:grid;grid-template-columns:70px minmax(0,1fr);gap:13px 7px;font-size:11px;margin:0}dt{color:#a4b1c3}dd{margin:0;word-break:break-all;color:#455875;font-weight:600}.muted p{border-top:1px solid #e7ecf4;margin:19px 0 0;padding-top:14px;color:#92a0b7;font-size:11px;line-height:1.8}.result{border-color:#bfd2fa}.result.failed{border-color:#efb9c0}.result.success{border-color:#91d6b7}.result-head{display:flex;justify-content:space-between}.result-head button{border:none;background:none;font-size:23px;color:#73839b;cursor:pointer}.result pre{white-space:pre-wrap;word-break:break-word;font:12px/1.8 ui-monospace,Menlo,Consolas,monospace;margin:0}footer{border-top:1px solid #e4eaf3;padding:28px 0 35px;margin-top:8px;color:#a1adbf;font-size:11px;text-align:center}@media(max-width:920px){.layout{grid-template-columns:1fr}aside{position:static;display:grid;grid-template-columns:1fr 1fr}.result{grid-column:span 2}}@media(max-width:620px){.page{padding:0 16px}.topbar{padding:18px 0}.online{font-size:10px}.hero{padding:29px 0 22px}h1{font-size:28px}.clock-row{grid-template-columns:1fr 1fr}.clock-card.blue{grid-column:span 2}.clock-card{padding:17px;min-height:113px}.clock-card strong{font-size:20px}.panel{padding:22px 17px}.two-col,.slots,aside{grid-template-columns:1fr}.result{grid-column:span 1}.sms-line{align-items:flex-start;flex-direction:column}.summary{gap:10px;flex-wrap:wrap}}

/* Time slot bulk selection controls */
.slot-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.slot-actions{display:flex;gap:8px}
.slot-actions button{border:1px solid #dce5f5;background:#f5f8ff;border-radius:7px;padding:7px 13px;color:#375dd4;font-size:12px;font-weight:700;cursor:pointer}
.slot-actions button:hover{background:#e9efff}
.slot-actions button:focus-visible{outline:3px solid #7291ef55;outline-offset:2px}