:root{--color-bg-start: #f0f9ff;--color-bg-end: #e0f2fe;--color-primary: #0284c7;--color-secondary: #0369a1;--color-text: #0f172a;--color-glass: rgba(255, 255, 255, .8);--shadow-glass: 0 8px 32px 0 rgba(3, 105, 161, .1);--border-glass: 1px solid rgba(255, 255, 255, .5);--radius-lg: 16px;--radius-md: 12px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);color:var(--color-text);min-height:100vh}.glass-panel{background:var(--color-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:var(--border-glass);box-shadow:var(--shadow-glass);padding:2rem}.btn-primary{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.slot-item{background:#fff;padding:1rem;border-radius:var(--radius-md);text-align:center;cursor:pointer;border:2px solid transparent;transition:all .2s}.slot-item:hover{border-color:var(--color-primary)}.slot-item.booked{background:#eee;color:#aaa;cursor:not-allowed}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}