*{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}.auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auth-tab.active{background:var(--primary);color:#fff}.auth-extra-fields{gap:12px;display:grid}.otp-hint{color:var(--muted);text-align:center;font-size:.9rem}#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}.admin-input-wrap{margin-top:14px}.slot-create-form{border:1px solid var(--border);background:#f8fbff;border-radius:14px;gap:12px;margin-top:14px;padding:14px;display:grid}.slot-create-grid{gap:10px;display:grid}.field-label{color:var(--text);margin-bottom:6px;font-size:.84rem;font-weight:600;display:inline-block}.admin-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.secondary-btn{color:var(--text);background:#e2e8f0}.danger-btn{color:#fff;background:#dc2626}.admin-slot-panel{border-top:1px solid #edf2f7;margin-top:16px;padding-top:16px}.slot-manager{gap:14px;display:grid}.admin-booking-summary{gap:10px;display:grid}.admin-summary-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;gap:4px;padding:14px 16px;display:grid}.admin-summary-label{color:var(--muted);font-size:.84rem}.admin-summary-value{color:var(--text);font-size:1.3rem}.slot-manager-note{font-size:.92rem}.slot-bulk-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.slot-checkbox-list{gap:10px;display:grid}.slot-checkbox-item{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.slot-checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);flex:none;margin-top:2px}.slot-checkbox-copy{gap:4px;display:grid}.slot-checkbox-time{color:var(--text);font-size:.95rem;font-weight:600}.slot-checkbox-meta{color:var(--muted);font-size:.84rem}.slot-checkbox-item.enabled{border-color:#16a34a2e}.slot-checkbox-item.disabled{background:#f8fafc;border-color:#dc26261f}.slot-checkbox-item.load-low{border-left:5px solid #22c55e}.slot-checkbox-item.load-medium{border-left:5px solid #f59e0b}.slot-checkbox-item.load-high{border-left:5px solid #ef4444}.slot-load-badge{border-radius:999px;align-items:center;width:fit-content;margin-top:6px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.slot-load-badge.load-low{color:#166534;background:#dcfce7}.slot-load-badge.load-medium{color:#92400e;background:#fef3c7}.slot-load-badge.load-high{color:#b91c1c;background:#fee2e2}.notifications-section{background:var(--surface);box-shadow:var(--shadow);border:1px solid #dbe4f0e6;border-radius:18px;margin-bottom:18px;padding:16px}.notification-card{border:1px solid #0000;border-radius:14px;margin-top:10px;padding:12px 14px}.notification-card.warning{background:#fff7ed;border-color:#fdba74}.notification-card.success{background:#ecfdf5;border-color:#86efac}.notification-message{color:var(--text);font-size:.92rem;font-weight:600}.notification-meta{color:var(--muted);margin-top:4px;font-size:.82rem}.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,.slot-create-grid{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}.admin-action-row,.slot-bulk-actions{grid-template-columns:1fr}}