.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;letter-spacing:.04em;white-space:nowrap}.badge--confirmed{background:var(--badge-confirmed-bg);color:var(--badge-confirmed-text)}.badge--pending{background:var(--badge-pending-bg);color:var(--badge-pending-text)}.badge--cancelled{background:var(--badge-cancelled-bg);color:var(--badge-cancelled-text)}.badge--draft{background:var(--badge-draft-bg);color:var(--badge-draft-text)}.badge--info{background:var(--info-muted);color:var(--info)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-sm);font-weight:600;white-space:nowrap;flex-shrink:0;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:active:not(:disabled){transform:scale(.97)}.btn--sm{padding:7px 14px;font-size:.8125rem}.btn--md{padding:11px 20px;font-size:.9375rem}.btn--lg{padding:14px 28px;font-size:1rem}.btn--full{width:100%;justify-content:center}.btn--primary{background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong)}.btn--secondary:hover:not(:disabled){border-color:var(--accent-border)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn--danger{background:var(--danger-muted);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.field__wrap{position:relative}.field__wrap--icon .field__input{padding-left:40px}.field__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex}.field__input{width:100%;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:11px 14px;font-family:var(--font-sans);font-size:.9375rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.field__input--error{border-color:var(--danger)}.field__error{font-size:.75rem;color:var(--danger)}.field__hint{font-size:.75rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (min-width: 640px){.modal-overlay{align-items:center;padding:var(--space-lg)}}.modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:90dvh;overflow-y:auto;animation:slideUp .28s cubic-bezier(.32,.72,0,1);box-shadow:var(--shadow-modal)}@media (min-width: 640px){.modal{border-radius:var(--radius-lg)}.modal--sm{max-width:420px}.modal--md{max-width:580px}.modal--lg{max-width:780px}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-surface);z-index:1}.modal__title{font-size:1.0625rem;font-weight:700;color:var(--text-primary)}.modal__close{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:none;background:none;font-size:1rem;transition:background var(--transition-fast)}.modal__close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal__body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.page-header__title{font-size:1.375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.page-header__sub{font-size:.875rem;color:var(--text-muted);margin-top:2px}.page-header__action{flex-shrink:0}.avatar{border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;-webkit-user-select:none;user-select:none}.card{background:var(--bg-card);border:2px solid var(--border);border-left:4px solid var(--accent-border);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color var(--transition-fast)}.card--no-padding{padding:0}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:var(--border-strong)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--accent-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-border),transparent);opacity:.6}.stat-card--clickable{cursor:pointer}.stat-card--clickable:hover{border-color:var(--accent-border);box-shadow:var(--accent-glow)}.stat-card__icon{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.stat-card__icon--accent{background:var(--accent-muted);color:var(--accent)}.stat-card__icon--success{background:var(--success-muted);color:var(--success)}.stat-card__icon--warning{background:var(--warning-muted);color:var(--warning)}.stat-card__icon--danger{background:var(--danger-muted);color:var(--danger)}.stat-card__icon--info{background:var(--info-muted);color:var(--info)}.stat-card__body{display:flex;flex-direction:column;gap:2px}.stat-card__label{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-card__value{font-size:1.875rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1.1}.stat-card__sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);z-index:300;display:flex;flex-direction:column;background:var(--bg-overlay);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .35s cubic-bezier(.32,.72,0,1),width .22s cubic-bezier(.32,.72,0,1);box-shadow:var(--shadow-modal);background-image:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(0,212,170,.04) 0%,transparent 60%)}.sidebar--open{transform:translate(0)}@media (min-width: 768px){.sidebar{transform:translate(0);box-shadow:none}.sidebar-overlay{display:none}.sidebar--collapsed{width:68px}}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 16px;padding-top:calc(20px + var(--safe-top));border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.sidebar__brand{display:flex;align-items:center;gap:12px;min-width:0}.sidebar__brand-logo{width:38px;height:38px;background:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:var(--text-inverse);flex-shrink:0;box-shadow:var(--shadow-accent)}.sidebar__brand-name{display:block;font-size:1rem;font-weight:700;color:var(--text-primary)}.sidebar__brand-sub{display:block;font-size:.6875rem;color:var(--text-muted);margin-top:1px}.sidebar__close{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:none;border:none;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.sidebar__close:hover{background:var(--bg-elevated);color:var(--text-primary)}@media (min-width: 768px){.sidebar__close{display:none}}.sidebar__collapse-toggle{display:none;width:26px;height:26px;border-radius:8px;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.sidebar__collapse-toggle:hover{background:var(--accent-muted);color:var(--accent)}@media (min-width: 768px){.sidebar__collapse-toggle{display:flex}}.sidebar--collapsed .sidebar__header{justify-content:center;padding-left:8px;padding-right:8px;flex-direction:column;gap:10px}.sidebar--collapsed .sidebar__collapse-toggle{position:static}.sidebar__nav{flex:1;padding:12px 10px;overflow-y:auto;overflow-x:hidden}.sidebar__link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-muted);font-size:.9375rem;font-weight:500;text-decoration:none;width:100%;text-align:left;transition:background var(--transition-fast),color var(--transition-fast);margin-bottom:2px;position:relative}.sidebar__link:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar__link--active{background:var(--accent-muted);color:var(--accent);font-weight:600}.sidebar__link--active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.sidebar__link-icon{display:flex;align-items:center;flex-shrink:0}.sidebar__link-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__link-chevron{margin-left:auto;color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast)}.sidebar__link:hover .sidebar__link-chevron,.sidebar__link--active .sidebar__link-chevron{opacity:1}.sidebar--collapsed .sidebar__link{justify-content:center;padding:10px;gap:0}.sidebar__bottom{padding:12px 10px;border-top:1px solid var(--border);flex-shrink:0}.sidebar__user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-elevated);margin-top:8px}.sidebar--collapsed .sidebar__user{justify-content:center;padding:10px}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-role{display:block;font-size:.6875rem;color:var(--text-muted);text-transform:capitalize;margin-top:1px}.sidebar__logout{width:30px;height:30px;border-radius:8px;border:none;background:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);flex-shrink:0}.sidebar__logout:hover{color:var(--danger)}.sidebar-sub-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);margin-bottom:8px;text-decoration:none;font-size:.8125rem;font-weight:600;transition:background var(--transition-fast),transform var(--transition-fast)}.sidebar-sub-banner:hover{transform:translateY(-1px)}.sidebar-sub-banner--invite{background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent-border)}.sidebar-sub-banner--invite:hover{background:#00d4aa29}.sidebar-sub-banner--warning{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.sidebar-sub-banner--warning:hover{background:#f59e0b2e}.sidebar-sub-banner__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar--collapsed .sidebar-sub-banner{justify-content:center;padding:10px}.topbar{position:fixed;top:0;left:0;right:0;z-index:200;height:calc(var(--topbar-height) + var(--safe-top));padding-top:var(--safe-top);background:var(--bg-base);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border)}@media (min-width: 768px){.topbar{left:var(--sidebar-width);transition:left .22s cubic-bezier(.32,.72,0,1)}.topbar--collapsed{left:68px}}.topbar__inner{display:flex;align-items:center;gap:12px;height:var(--topbar-height);padding:0 16px}.topbar__menu-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:none;border:none;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.topbar__menu-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}@media (min-width: 768px){.topbar__menu-btn{display:none}}.topbar__brand{display:flex;align-items:center;gap:10px}.topbar__brand-logo{width:32px;height:32px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:var(--text-inverse);flex-shrink:0}.topbar__brand-name{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.topbar__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.dock{position:fixed;bottom:0;left:0;right:0;z-index:200;padding-bottom:var(--safe-bottom);background:#080c18e0;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid var(--border);box-shadow:0 -1px #00d4aa14,0 -20px 40px #0000004d}@media (min-width: 768px){.dock{display:none}}.dock__inner{display:flex;align-items:center;justify-content:space-around;height:var(--dock-height);padding:0 8px}.dock__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 10px;min-width:52px;border-radius:var(--radius-md);color:var(--text-muted);font-size:.6875rem;font-weight:500;text-decoration:none;background:none;border:none;transition:color var(--transition-fast),transform var(--transition-fast);flex:1}.dock__item:active{transform:scale(.94)}.dock__item--active{color:var(--accent)}.dock__item--active .dock__icon-wrap{background:var(--accent-muted)}.dock__icon-wrap{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.dock__fab{width:54px;height:54px;border-radius:18px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);border:none;cursor:pointer;flex-shrink:0;box-shadow:var(--shadow-accent),0 0 0 6px #00d4aa14;transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:6px}.dock__fab:active{transform:scale(.92);box-shadow:var(--shadow-accent)}[data-theme=dark],:root{--bg-base: #12151C;--bg-surface: #1A1E28;--bg-elevated: #1F2430;--bg-overlay: #0D0F14;--bg-input: #1F2430;--bg-card: #1A1E28;--accent: #00D4AA;--accent-hover: #00b389;--accent-muted: rgba(0,212,170,.12);--accent-border: rgba(0,212,170,.28);--accent-glow: 0 0 20px rgba(0,212,170,.25);--glow-purple: rgba(99,102,241,.15);--glow-blue: rgba(59,130,246,.12);--text-primary: #eef2ff;--text-secondary: #94a3b8;--text-muted: #475569;--text-inverse: #0D0F14;--border: rgba(0,212,170,.1);--border-strong: rgba(255,255,255,.1);--border-accent: rgba(0,212,170,.28);--success: #00D4AA;--success-muted: rgba(0,212,170,.12);--warning: #f59e0b;--warning-muted: rgba(245,158,11,.12);--danger: #f43f5e;--danger-muted: rgba(244,63,94,.12);--info: #6366f1;--info-muted: rgba(99,102,241,.12);--badge-confirmed-bg: rgba(0,212,170,.15);--badge-confirmed-text: #00D4AA;--badge-pending-bg: rgba(245,158,11,.15);--badge-pending-text: #f59e0b;--badge-cancelled-bg: rgba(244,63,94,.15);--badge-cancelled-text: #f43f5e;--badge-draft-bg: rgba(71,85,105,.2);--badge-draft-text: #94a3b8;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-card: 0 4px 20px rgba(0,0,0,.35);--shadow-modal: 0 24px 64px rgba(0,0,0,.7);--shadow-accent: 0 4px 24px rgba(0,212,170,.28);--shadow-glow: 0 0 40px rgba(99,102,241,.12);--appt-card-text: #1e293b;--appt-card-text-strong: #0a0e14;--appt-card-text-muted: #475569;--appt-card-badge-bg: rgba(30,41,59,.14);--appt-card-badge-text: #1e293b;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--sidebar-width: 270px;--topbar-height: 60px;--dock-height: 72px;--content-max: 1280px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}[data-theme=light]{--bg-base: #f5f6f8;--bg-surface: #ffffff;--bg-elevated: #f0f2f5;--bg-overlay: #f8faff;--bg-input: #ffffff;--bg-card: #ffffff;--accent: #00a882;--accent-hover: #00875e;--accent-dark: #006b4d;--accent-muted: rgba(0,168,130,.12);--accent-border: rgba(0,168,130,.35);--accent-glow: 0 0 20px rgba(0,168,130,.25);--text-primary: #0a0e14;--text-secondary: #334155;--text-muted: #64748b;--text-inverse: #ffffff;--border: rgba(0,0,0,.1);--border-strong: rgba(0,0,0,.18);--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-card: 0 4px 16px rgba(0,0,0,.1);--shadow-modal:0 24px 64px rgba(0,0,0,.22);--shadow-accent: 0 4px 20px rgba(0,168,130,.28);--appt-card-bg: #d8f3ea;--now-line-color: #7c3aed;--now-line-glow: rgba(124,58,237,.45);--appt-card-text: #1e293b;--appt-card-text-strong: #0a0e14;--appt-card-text-muted: #475569;--appt-card-badge-bg: rgba(30,41,59,.14);--appt-card-badge-text: #1e293b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{padding-top:env(safe-area-inset-top,0px);font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}input,textarea,select{font-family:var(--font-sans);font-size:.9375rem;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:11px 14px;outline:none;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}textarea{resize:vertical;min-height:80px}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none;color:inherit;font-size:inherit;transition:var(--transition-fast)}button:disabled{opacity:.45;cursor:not-allowed}button:active:not(:disabled){transform:scale(.97)}a{color:var(--accent);text-decoration:none}.text-xs{font-size:.75rem}.text-sm{font-size:.8125rem}.text-base{font-size:.9375rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:var(--accent-glow)}50%{box-shadow:0 0 32px #00d4aa66}}.animate-fade-in{animation:fadeIn .25s ease forwards}.animate-slide-up{animation:slideUp .3s ease forwards}.animate-pulse{animation:pulse 1.5s ease infinite}.animate-spin{animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-surface) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:var(--safe-bottom)}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--warning);color:#000;text-align:center;font-size:.8125rem;font-weight:500;padding:6px 16px;padding-top:calc(6px + var(--safe-top))}.divider{width:100%;height:1px;background:var(--border);margin:var(--space-md) 0}.font-mono{font-family:var(--font-mono)}.app-shell{display:flex;min-height:100dvh;background:var(--bg-base);position:relative}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;padding-bottom:calc(var(--dock-height) + var(--safe-bottom))}@media (min-width: 768px){.main-content{margin-left:var(--sidebar-width);padding-bottom:0;transition:margin-left .22s cubic-bezier(.32,.72,0,1)}.main-content--collapsed{margin-left:68px}}.page{flex:1;padding:var(--space-md);padding-top:calc(var(--topbar-height) + var(--safe-top) + var(--space-md));max-width:var(--content-max);width:100%;margin:0 auto;animation:fadeIn .2s ease}@media (min-width: 768px){.page{padding:var(--space-xl);padding-top:calc(var(--topbar-height) + var(--space-xl))}}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-md)}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--text-muted)}.empty-state-icon{width:56px;height:56px;background:var(--bg-elevated);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.toast-container{position:fixed;bottom:calc(var(--dock-height) + var(--safe-bottom) + 12px);left:50%;transform:translate(-50%);z-index:9998;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:calc(100% - 32px);max-width:420px}@media (min-width: 768px){.toast-container{bottom:24px;left:calc(var(--sidebar-width) + 24px);transform:none;transition:left .22s cubic-bezier(.32,.72,0,1)}.app-shell--sidebar-collapsed .toast-container{left:92px}}.toast{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 16px;font-size:.875rem;font-weight:500;color:var(--text-primary);animation:slideUp .25s ease;pointer-events:auto;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast--success{border-color:var(--accent-border);color:var(--success)}.toast--error{border-color:#f43f5e4d;color:var(--danger)}.toast--warning{border-color:#f59e0b4d;color:var(--warning)}.toast--info{border-color:#6366f14d;color:var(--info)}.page-agenda-shell{flex:1;width:100%;padding-top:calc(var(--topbar-height) + var(--safe-top) + var(--space-md));animation:fadeIn .2s ease;overflow:hidden}@media (min-width: 768px){.page-agenda-shell{padding-top:calc(var(--topbar-height) + var(--space-xl))}}.agenda-container{max-width:var(--content-max);width:100%;margin:0 auto;padding:0 var(--space-md)}@media (min-width: 768px){.agenda-container{padding:0 var(--space-xl)}}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:var(--space-lg);padding-top:calc(var(--space-lg) + var(--safe-top));padding-bottom:calc(var(--space-lg) + var(--safe-bottom));background-image:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(0,212,170,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 30% at 80% 80%,rgba(99,102,241,.06) 0%,transparent 60%)}.auth-card{width:100%;max-width:420px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);box-shadow:var(--shadow-modal)}.auth-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-xl)}.auth-logo__icon{width:52px;height:52px;background:var(--accent);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--text-inverse);box-shadow:var(--shadow-accent);flex-shrink:0}.auth-logo__name{display:block;font-size:1.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.auth-logo__sub{display:block;font-size:.8125rem;color:var(--text-muted);margin-top:2px}.auth-header{margin-bottom:var(--space-lg);text-align:center}.auth-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.auth-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:4px}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-pwd-field{position:relative}.auth-pwd-toggle{position:absolute;right:12px;bottom:11px;color:var(--text-muted);background:none;border:none;display:flex;align-items:center;transition:color var(--transition-fast)}.auth-pwd-toggle:hover{color:var(--text-primary)}.auth-forgot{text-align:right}.auth-forgot a{font-size:.8125rem;color:var(--text-muted)}.auth-forgot a:hover{color:var(--accent)}.auth-error{background:var(--danger-muted);border:1px solid rgba(244,63,94,.25);color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:.875rem}.auth-switch{text-align:center;font-size:.875rem;color:var(--text-muted);margin-top:var(--space-lg)}.auth-switch a{color:var(--accent);font-weight:600}.auth-divider{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:.8125rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.agenda-header{position:fixed;top:var(--topbar-height);top:calc(var(--topbar-height) + var(--safe-top));left:0;right:0;z-index:150;background:var(--bg-base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:12px 16px}@media (min-width: 768px){.agenda-header{left:var(--sidebar-width);transition:left .22s cubic-bezier(.32,.72,0,1)}.agenda-header--collapsed{left:68px}}.agenda-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.agenda-nav__btn{color:var(--text-muted);background:none;border:none;font-size:.9375rem;font-weight:500;padding:6px 4px;transition:color var(--transition-fast)}.agenda-nav__btn:hover{color:var(--text-primary)}.agenda-nav__btn--prev,.agenda-nav__btn--next{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary)}.agenda-nav__today{background:var(--accent);color:var(--text-inverse);border-radius:var(--radius-full);padding:8px 28px;font-size:.9375rem;font-weight:700;border:none;cursor:pointer;box-shadow:var(--shadow-accent);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.agenda-nav__today:active{transform:scale(.96)}.agenda-nav__today--inactive{background:var(--bg-elevated);color:var(--text-secondary);box-shadow:none}.agenda-filters{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-scrollbar:none}.agenda-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer;flex-shrink:0}.agenda-filter-chip--active{background:var(--accent-muted);color:var(--accent);border-color:var(--accent-border)}.agenda-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.agenda-grid{position:relative}.agenda-hour-row{display:grid;grid-template-columns:56px 1fr;border-bottom:1px solid var(--border);min-height:64px;cursor:pointer;transition:background var(--transition-fast)}.agenda-hour-row:hover{background:#00d4aa05}.agenda-hour-label{font-size:.75rem;font-weight:500;color:var(--text-muted);padding:8px 12px 0;flex-shrink:0;font-family:var(--font-mono)}.agenda-hour-slot{padding:4px 8px 4px 4px;display:flex;flex-direction:column;gap:4px}.appt-card{border-radius:var(--radius-sm);padding:6px 8px;cursor:pointer;border-left:3px solid var(--accent);display:flex;flex-direction:column;background:var(--appt-card-bg, rgba(0,212,170,.08));transition:opacity var(--transition-fast),transform var(--transition-fast);position:relative;overflow:hidden}.appt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,170,.3),transparent)}.appt-card:hover{opacity:.85;transform:translate(2px)}.appt-card__time{font-size:.75rem;font-weight:700;color:var(--appt-card-text, var(--accent));font-family:var(--font-mono)}.appt-card__name{font-size:.875rem;font-weight:600;color:var(--appt-card-text-strong, var(--text-primary));margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appt-card__service{font-size:.75rem;color:var(--appt-card-text-muted, var(--text-muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appt-card__badge{position:absolute;top:6px;right:8px;font-size:.625rem;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:var(--radius-full);background:var(--appt-card-badge-bg, var(--badge-confirmed-bg));color:var(--appt-card-badge-text, var(--badge-confirmed-text))}.block-card{border-radius:var(--radius-sm);padding:6px 10px;border-left:3px solid var(--danger);background:var(--danger-muted);cursor:pointer}.block-card__label{font-size:.75rem;font-weight:700;color:var(--danger)}.now-line{position:absolute;left:56px;right:0;height:2px;background:var(--now-line-color, var(--accent));box-shadow:0 0 8px var(--now-line-glow, rgba(0,212,170,.5));z-index:10;pointer-events:none}.now-line:before{content:"";position:absolute;left:-6px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--now-line-color, var(--accent));box-shadow:0 0 10px var(--now-line-glow, rgba(0,212,170,.7))}.equipa-grid{display:flex;gap:1px;overflow-x:auto;background:var(--border)}.equipa-col{flex:0 0 200px;min-width:180px;background:var(--bg-base);display:flex;flex-direction:column}.equipa-col__header{padding:10px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:5}.equipa-col__name{font-size:.8125rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.equipa-col__count{font-size:.75rem;font-weight:700;color:var(--accent);background:var(--accent-muted);padding:2px 7px;border-radius:var(--radius-full);flex-shrink:0}.equipa-col__body{flex:1;padding:8px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.agenda-fab{position:fixed;right:20px;bottom:calc(var(--dock-height) + var(--safe-bottom) + 16px);width:54px;height:54px;border-radius:18px;background:var(--accent);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-accent),0 0 0 6px #00d4aa14;border:none;cursor:pointer;z-index:100;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.agenda-fab:active{transform:scale(.92)}@media (min-width: 768px){.agenda-fab{bottom:24px}}.mais-page{animation:fadeIn .2s ease}.mais-profile{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.mais-profile__info{flex:1;min-width:0}.mais-profile__name{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mais-profile__email{display:block;font-size:.8125rem;color:var(--text-muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mais-profile__edit{color:var(--text-muted);display:flex;align-items:center}.mais-section{margin-bottom:var(--space-lg)}.mais-section__title{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.mais-section__list{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.mais-item{display:flex;align-items:center;gap:14px;padding:14px var(--space-md);border-bottom:1px solid var(--border);text-decoration:none;transition:background var(--transition-fast)}.mais-item:last-child{border-bottom:none}.mais-item:hover{background:var(--bg-elevated)}.mais-item__icon{width:38px;height:38px;border-radius:10px;background:var(--accent-muted);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mais-item__body{flex:1;min-width:0}.mais-item__label{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.mais-item__sub{display:block;font-size:.8125rem;color:var(--text-muted);margin-top:1px}.mais-item__chevron{color:var(--text-muted);flex-shrink:0}.mais-logout{display:flex;align-items:center;gap:12px;width:100%;padding:14px var(--space-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--danger);font-size:.9375rem;font-weight:600;margin-top:var(--space-sm);transition:background var(--transition-fast)}.mais-logout:hover{background:var(--danger-muted)}