:root { --gap: 14px; --pad: 16px; --radius: 12px; }   body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin:0; background:#0f1220; color:#e9ecf1; }   .wrap { max-width:1100px; margin: 24px auto 80px; padding:0 16px; }   h1 { font-size: 1.5rem; margin: 0 0 12px; }   .cards { display:grid; gap: var(--gap); grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); }   .card { background: #151935; border: 1px solid #23284d; border-radius: var(--radius); padding: var(--pad); }   .card h2 { font-size: 1.05rem; margin: 0 0 8px; }   .row { display:grid; grid-template-columns: 1fr 1fr; gap:8px; }   label { font-size: .86rem; opacity:.9; }   input, select, textarea {     width: 100%; padding: 10px 12px; border-radius:10px; border:1px solid #2a2f57;     background:#0f132b; color:#e9ecf1; outline:none;   }   input:focus, select:focus { border-color:#5f78ff; }   .note { font-size:.78rem; opacity:.8; margin-top:6px; }   .btnbar { display:flex; gap:10px; margin-top: 10px; flex-wrap:wrap; }   button {     background:#5f78ff; color:white; border:none; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:600;   }   button.secondary { background:#27306a; }   .result { margin-top: 10px; padding: 10px; border-radius:10px; background:#0d1126; border:1px solid #2a2f57; }   .pill { display:inline-block; padding: 2px 8px; border-radius:999px; background:#1b2146; border:1px solid #2a2f57; font-size:.78rem; margin-right:6px; }   table { width:100%; border-collapse: collapse; font-size:.85rem; margin-top:10px; }   th, td { padding:8px; border-bottom:1px solid #222751; text-align:right; }   th:first-child, td:first-child { text-align:left; }   .grid2 { display:grid; grid-template-columns:1fr 1fr; gap: var(--gap); }   @media (max-width: 760px){ .row { grid-template-columns: 1fr; } .grid2{ grid-template-columns:1fr; } }          .cas-container { border:1px solid #ddd; border-radius:12px; padding:16px; max-width: 760px; }         .cas-title { margin-top:0; }         .cas-controls { display:flex; gap:12px; align-items:flex-end; margin-bottom:12px; }         .cas-controls label span { display:block; font-weight:600; margin-bottom:6px; }         .cas-availability { margin-top:10px; }         .cas-day-status { font-weight:600; margin-bottom:8px; }         .cas-slots { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }         .cas-col h4 { margin:8px 0; }         .cas-col ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }         .cas-slot { padding:6px 10px; border:1px solid #ccc; border-radius:8px; cursor:pointer; }         .cas-slot[aria-disabled="true"] { opacity:0.5; pointer-events:none; }         .cas-slot.cas-selected { outline:2px solid #2271b1; }         .cas-book { margin-top:16px; display:grid; gap:12px; }         .cas-field label { display:flex; flex-direction:column; gap:6px; }         .cas-message { margin-top:12px; }         @media (max-width:640px){ .cas-slots{grid-template-columns:1fr;} }     #sp-ks8a8s{width: 100%; max-width: 100%; padding: 10px;}#sp-vw3kvy{padding: 0px;}#sp-q3b8nv{width: calc(100% + 0px);}#sp-c4mv90{margin: 0px;}#sp-yct273pv5u{margin-top:8px;}#sp-o8zy2ozan3{margin-top:8px;}#sp-0tabsun35q{margin-top:8px;}#sp-psoy4o6dyr{margin-top:8px;}#sp-mflrw2tum0{background:#0f1229;border-color:#1f2450;}#sp-k0uv6siyqw{margin-top:0;font-size:.95rem;}#sp-q9zl9kk43q{background:#0f1229;border-color:#1f2450;}#sp-9c4rt5ybb0{margin-top:0;font-size:.95rem;}#sp-zmff8kp09g{margin-top:8px;}#sp-bcoemt{margin: 0px;}#sp-prhec1np4e{width: 600px;}