:root{--primary: #2c5f8a;--primary-light: #3d7ab5;--primary-dark: #1e4463;--bg: #f4f6f9;--bg-secondary: #ffffff;--card-bg: #ffffff;--text: #1f2937;--text-light: #6b7280;--border: #e2e6ec;--input-bg: #fafbfc;--hover-bg: #eef4fa;--radius: 14px;--shadow: 0 8px 30px rgba(44, 95, 138, .08);--shadow-sm: 0 2px 10px rgba(44, 95, 138, .05);--green: #10b981;--green-bg: #d1fae5;--orange: #f59e0b;--orange-bg: #fef3c7;--yellow: #eab308;--yellow-bg: #fef9c3;--red: #ef4444;--red-bg: #fee2e2;--success: #10b981;--success-bg: #d1fae5;--error: #ef4444;--error-bg: #fee2e2}html[data-theme=dark]{--primary: #4a90c2;--primary-light: #5da3d4;--primary-dark: #3a7aa8;--bg: #0f1419;--bg-secondary: #1a1f26;--card-bg: #1a1f26;--text: #e5e7eb;--text-light: #9ca3af;--border: #2d3540;--input-bg: #232a33;--hover-bg: #232a33;--radius: 14px;--shadow: 0 8px 30px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .3);--green: #34d399;--green-bg: rgba(16, 185, 129, .15);--orange: #fbbf24;--orange-bg: rgba(245, 158, 11, .15);--yellow: #facc15;--yellow-bg: rgba(234, 179, 8, .15);--red: #f87171;--red-bg: rgba(239, 68, 68, .15);--success: #34d399;--success-bg: rgba(16, 185, 129, .15);--error: #f87171;--error-bg: rgba(239, 68, 68, .15)}body,.topbar,.card,.create-card,.room-card,.modal-box,.member-item,.hours-card,.month-selector-card,.header,.stat,.stat-chip,.next-card,.members-card,.day-card,.hour-cell,input,textarea,select{transition:background-color .25s ease,color .25s ease,border-color .25s ease}.theme-toggle{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border);background:var(--card-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .25s;flex-shrink:0}.theme-toggle:hover{border-color:var(--primary);background:var(--hover-bg);transform:rotate(20deg)}html[data-theme=dark] body{background-color:var(--bg)}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background:var(--input-bg);color:var(--text);border-color:var(--border)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--text-light);opacity:.6}html[data-theme=dark] input:focus,html[data-theme=dark] textarea:focus,html[data-theme=dark] select:focus{background:var(--card-bg);color:var(--text);border-color:var(--primary)}.logo-mark,.brand-logo{overflow:hidden;padding:0;background:none!important;box-shadow:none}.logo-mark img,.brand-logo img{width:100%;height:100%;display:block}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel{background:linear-gradient(90deg,var(--border) 25%,var(--hover-bg) 50%,var(--border) 75%);background-size:200% 100%;animation:skelShimmer 1.4s linear infinite;border-radius:10px}.skel-wrap{padding:8px 0}.skel-title{height:26px;width:55%;margin-bottom:12px}.skel-line{height:14px;width:80%;margin-bottom:10px}.skel-row{display:flex;gap:8px;margin:18px 0;overflow:hidden}.skel-day{height:78px;min-width:72px;border-radius:12px;flex-shrink:0}.skel-box{height:200px;border-radius:14px;margin-top:8px}.retry-btn{margin-top:14px;padding:11px 22px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.load-error{text-align:center;padding:30px 16px;color:var(--text-light);font-size:13.5px}.unread-badge{display:inline-block;min-width:20px;padding:1px 7px;border-radius:100px;background:var(--error);color:#fff;font-size:11px;font-weight:800;line-height:1.7;margin-right:6px}@media(prefers-reduced-motion:reduce){.skel{animation:none}}