*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f7fb;--surface:#fff;--surface-soft:#f8fbff;--border:#dbe4f0;--border-strong:#c9d8eb;--text:#0f172a;--muted:#475569;--primary:#2563eb;--primary-soft:#e9f2ff;--danger-soft:#fee2e2;--danger:#b91c1c;--success-soft:#dcfce7;--success:#166534;--shadow:0 10px 30px #0f172a14}body{color:var(--text);background:linear-gradient(#f8fbff 0%,#eef4fb 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:16px;line-height:1.5}#app{max-width:640px;margin:auto;padding:20px 16px 104px}h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}h2{color:var(--text);margin-bottom:12px;font-size:1.25rem;font-weight:700}h3{color:var(--text);font-size:1.05rem;font-weight:700}p,label,span,option{color:var(--muted)}.app-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fbffe6;border-bottom:1px solid #dbe4f0cc;padding:18px 16px 14px;position:sticky;top:0}.app-header h1{max-width:640px;margin:0 auto}.app-container{width:100%}button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:transform .15s,opacity .15s,background .15s}button:hover{opacity:.94;transform:translateY(-1px)}button:disabled{cursor:not-allowed;background:#ccc;transform:none}input,select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:12px;margin:0;padding:12px 14px;font-size:.95rem}input:focus,select:focus{border-color:var(--primary);outline:2px solid #2563eb2e}.station{background:var(--surface);box-shadow:var(--shadow);border:1px solid #dbe4f0e6;border-radius:18px;margin-bottom:16px;padding:16px}.station-header{cursor:pointer;gap:8px;display:grid}.station-header p{font-size:.95rem}.station-header h3{margin-bottom:2px}.slots{border-top:1px solid #edf2f7;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;padding-top:14px;display:grid}.slot-btn{background:var(--primary-soft);border:1px solid var(--border-strong);min-height:72px;color:var(--text);text-align:left;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:12px;font-size:.9rem;font-weight:600;line-height:1.35;display:flex}.slot-btn.full{background:var(--danger-soft)}.slot-btn.almost-full{background:#fff3cd}.slot-btn.disabled{color:#64748b;background:#eee}.slot-time{color:var(--text);font-size:.96rem}.slot-meta{color:#334155;font-size:.82rem;font-weight:500}.bookings-section{background:var(--surface);box-shadow:var(--shadow);border:1px solid #dbe4f0e6;border-radius:18px;margin-bottom:18px;padding:16px}.bookings-section h2{margin-bottom:14px}.booking-card{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.booking-card:last-child{border-bottom:0;padding-bottom:0}.filters{background:var(--surface);box-shadow:var(--shadow);border:1px solid #dbe4f0e6;border-radius:16px;gap:10px;margin:16px 0 18px;padding:14px;display:grid}.bottom-nav{color:#e2e8f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aeb;border-radius:18px;justify-content:space-around;gap:10px;width:min(92vw,640px);padding:14px 18px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0f172a3d}.bottom-nav span{color:inherit;font-size:.88rem;font-weight:500}.auth-body{justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background:#ffffffeb;border:1px solid #dbe4f0e6;border-radius:24px;gap:14px;width:min(100%,420px);padding:28px 22px;display:grid;box-shadow:0 18px 46px #0f172a1f}.auth-card h2{text-align:center;margin-bottom:0}.subtitle{text-align:center;font-size:.98rem}#phone{width:100%}#loginBtn,#signupBtn{width:100%;display:block}.error{min-height:22px;color:var(--danger);text-align:center;font-size:.92rem}.admin-body{padding:20px 16px 40px}.admin-shell{max-width:640px;margin:0 auto}.admin-shell h2{margin-bottom:8px}.admin-shell>label{color:var(--text);margin-bottom:8px;font-weight:600;display:inline-block}#app>button:first-child{width:100%;margin-bottom:16px}.slot.enabled{background:var(--success-soft);color:var(--success);border:1px solid #16653424;border-radius:12px}.slot.disabled{color:var(--danger);background:#fef2f2;border:1px solid #b91c1c1f;border-radius:12px}.slot{cursor:pointer;margin-top:10px;padding:12px 14px;font-size:.92rem;line-height:1.45}@media (width>=640px){.filters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.slots{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=480px){body{font-size:15px}.app-header{padding:16px 14px 12px}#app{padding:16px 14px 100px}h1{font-size:1.35rem}h2{font-size:1.15rem}.station,.bookings-section,.auth-card,.filters{border-radius:16px;padding:14px}.slots{grid-template-columns:1fr;gap:10px}.slot-btn{min-height:68px;padding:12px}.booking-card{flex-direction:column;align-items:stretch}.bottom-nav{width:calc(100vw - 20px);padding:12px 14px}}