.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--bg-muted);border:1px solid var(--border-default);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);user-select:none}.theme-toggle:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.theme-toggle__icon{font-size:1rem;line-height:1}.theme-toggle__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width var(--duration-base) var(--ease-out),background-color var(--duration-slow) var(--ease-out);overflow:hidden}.sidebar--collapsed{width:var(--sidebar-collapsed)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--border-subtle);min-height:var(--topbar-height)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);overflow:hidden}.sidebar__logo{font-size:1.5rem;color:var(--accent);flex-shrink:0;filter:drop-shadow(0 0 8px var(--accent-subtle))}.sidebar__brand-text{display:flex;flex-direction:column;line-height:1;white-space:nowrap}.sidebar__brand-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-wider);color:var(--text-primary)}.sidebar__brand-sub{font-family:var(--font-display);font-size:.6rem;font-weight:var(--weight-medium);letter-spacing:.25em;color:var(--text-tertiary);margin-top:2px}.sidebar__toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.sidebar__toggle:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar__nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden;white-space:nowrap}.sidebar__link:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar__link--active,.sidebar__link--active:hover{background:var(--accent-subtle);color:var(--accent)}.sidebar__link-icon{flex-shrink:0;width:24px;text-align:center;font-size:1.1rem}.sidebar__link-label{overflow:hidden;text-overflow:ellipsis}.sidebar__link-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.sidebar__footer{padding:var(--space-4);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.sidebar__version{font-size:var(--text-xs);color:var(--text-disabled);letter-spacing:var(--tracking-wide)}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out)}.sidebar--open{transform:translate(0)}}:root{--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.3125rem;--text-2xl: 1.625rem;--text-3xl: 2rem;--text-4xl: 2.625rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-slower: .6s;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--sidebar-width: 260px;--sidebar-collapsed: 72px;--topbar-height: 64px}[data-theme=light]{color-scheme:light;--bg-root: #f5f3ef;--bg-surface: #ffffff;--bg-surface-hover: #faf8f5;--bg-surface-active: #f0ede8;--bg-elevated: #ffffff;--bg-muted: #f0ede8;--bg-sunken: #e8e4dd;--bg-overlay: rgba(0, 0, 0, .4);--text-primary: #1a1714;--text-secondary: #5c564d;--text-tertiary: #8a8279;--text-disabled: #b8b2a8;--text-inverse: #faf8f5;--text-link: #b8860b;--text-link-hover: #8b6508;--border-default: #e0dbd3;--border-subtle: #ebe7e0;--border-strong: #c8c1b6;--border-focus: #b8860b;--accent: #b8860b;--accent-hover: #a07609;--accent-active: #8b6508;--accent-subtle: rgba(184, 134, 11, .1);--accent-text: #ffffff;--status-pending: #e89b11;--status-pending-bg: rgba(232, 155, 17, .1);--status-approved: #2d9e63;--status-approved-bg: rgba(45, 158, 99, .1);--status-rejected: #d44848;--status-rejected-bg: rgba(212, 72, 72, .1);--status-rescheduled: #6b7fd6;--status-rescheduled-bg: rgba(107, 127, 214, .1);--status-cancelled: #8a8279;--status-cancelled-bg: rgba(138, 130, 121, .1);--status-paid: #2d9e63;--status-paid-bg: rgba(45, 158, 99, .1);--status-closed: #5c564d;--status-closed-bg: rgba(92, 86, 77, .1);--cal-today: rgba(184, 134, 11, .08);--cal-today-border: #b8860b;--cal-unavailable: #f0ede8;--cal-unavailable-text: #b8b2a8;--cal-meeting: #6b7fd6;--cal-meeting-bg: rgba(107, 127, 214, .12);--cal-appointment: #b8860b;--cal-appointment-bg: rgba(184, 134, 11, .1);--shadow-sm: 0 1px 3px rgba(26, 23, 20, .06);--shadow-md: 0 4px 12px rgba(26, 23, 20, .08);--shadow-lg: 0 8px 30px rgba(26, 23, 20, .1);--shadow-xl: 0 20px 60px rgba(26, 23, 20, .12);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 20px}[data-theme=dark]{color-scheme:dark;--bg-root: #141210;--bg-surface: #1e1b18;--bg-surface-hover: #252219;--bg-surface-active: #2c281f;--bg-elevated: #252219;--bg-muted: #1a1714;--bg-sunken: #0f0d0b;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #f0ede8;--text-secondary: #a8a195;--text-tertiary: #706a60;--text-disabled: #4a453d;--text-inverse: #1a1714;--text-link: #d4a94c;--text-link-hover: #e8c06a;--border-default: #2c281f;--border-subtle: #221f1a;--border-strong: #3d3730;--border-focus: #d4a94c;--accent: #d4a94c;--accent-hover: #e0b960;--accent-active: #c49a3d;--accent-subtle: rgba(212, 169, 76, .12);--accent-text: #1a1714;--status-pending: #e8a832;--status-pending-bg: rgba(232, 168, 50, .14);--status-approved: #3cb371;--status-approved-bg: rgba(60, 179, 113, .14);--status-rejected: #e05858;--status-rejected-bg: rgba(224, 88, 88, .14);--status-rescheduled: #7b8ee6;--status-rescheduled-bg: rgba(123, 142, 230, .14);--status-cancelled: #706a60;--status-cancelled-bg: rgba(112, 106, 96, .14);--status-paid: #3cb371;--status-paid-bg: rgba(60, 179, 113, .14);--status-closed: #4a453d;--status-closed-bg: rgba(74, 69, 61, .14);--cal-today: rgba(212, 169, 76, .08);--cal-today-border: #d4a94c;--cal-unavailable: #1a1714;--cal-unavailable-text: #3d3730;--cal-meeting: #7b8ee6;--cal-meeting-bg: rgba(123, 142, 230, .15);--cal-appointment: #d4a94c;--cal-appointment-bg: rgba(212, 169, 76, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .5);--glass-bg: rgba(30, 27, 24, .75);--glass-border: rgba(60, 55, 48, .4);--glass-blur: 20px}[data-theme=black]{color-scheme:dark;--bg-root: #000000;--bg-surface: #0a0908;--bg-surface-hover: #121110;--bg-surface-active: #1a1918;--bg-elevated: #111010;--bg-muted: #080707;--bg-sunken: #000000;--bg-overlay: rgba(0, 0, 0, .8);--text-primary: #e8e5e0;--text-secondary: #918b82;--text-tertiary: #5c574f;--text-disabled: #3a362f;--text-inverse: #000000;--text-link: #e8c06a;--text-link-hover: #f0d08a;--border-default: #1a1918;--border-subtle: #121110;--border-strong: #2a2826;--border-focus: #e8c06a;--accent: #e8c06a;--accent-hover: #f0d08a;--accent-active: #d4a94c;--accent-subtle: rgba(232, 192, 106, .1);--accent-text: #000000;--status-pending: #ebb33a;--status-pending-bg: rgba(235, 179, 58, .1);--status-approved: #44c680;--status-approved-bg: rgba(68, 198, 128, .1);--status-rejected: #e86060;--status-rejected-bg: rgba(232, 96, 96, .1);--status-rescheduled: #8898f0;--status-rescheduled-bg: rgba(136, 152, 240, .1);--status-cancelled: #5c574f;--status-cancelled-bg: rgba(92, 87, 79, .1);--status-paid: #44c680;--status-paid-bg: rgba(68, 198, 128, .1);--status-closed: #3a362f;--status-closed-bg: rgba(58, 54, 47, .1);--cal-today: rgba(232, 192, 106, .06);--cal-today-border: #e8c06a;--cal-unavailable: #080707;--cal-unavailable-text: #2a2826;--cal-meeting: #8898f0;--cal-meeting-bg: rgba(136, 152, 240, .1);--cal-appointment: #e8c06a;--cal-appointment-bg: rgba(232, 192, 106, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6);--shadow-md: 0 4px 12px rgba(0, 0, 0, .7);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .8);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .9);--glass-bg: rgba(10, 9, 8, .85);--glass-border: rgba(26, 25, 24, .5);--glass-blur: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-root);transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out);min-height:100vh}a{color:var(--text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--text-link-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent}img{max-width:100%;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl);font-weight:var(--weight-extrabold)}h2{font-size:var(--text-3xl);font-weight:var(--weight-bold)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--weight-medium)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-subtle);color:var(--accent)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;margin-left:var(--sidebar-width);padding-top:var(--topbar-height);transition:margin-left var(--duration-base) var(--ease-out)}.app-content{padding:var(--space-8);max-width:1440px;margin:0 auto}@media(max-width:768px){.app-main{margin-left:0}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4)}.page-header h1{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.page-header__actions{display:flex;gap:var(--space-3)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:background-color var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.card--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.card--glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-color:var(--glass-border)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:1;white-space:nowrap}.badge--pending{background:var(--status-pending-bg);color:var(--status-pending)}.badge--approved{background:var(--status-approved-bg);color:var(--status-approved)}.badge--rejected{background:var(--status-rejected-bg);color:var(--status-rejected)}.badge--rescheduled{background:var(--status-rescheduled-bg);color:var(--status-rescheduled)}.badge--cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled)}.badge--paid{background:var(--status-paid-bg);color:var(--status-paid)}.badge--closed{background:var(--status-closed-bg);color:var(--status-closed)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-out)}.animate-slide-right{animation:slideInRight var(--duration-slow) var(--ease-out)}.animate-slide-left{animation:slideInLeft var(--duration-slow) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-base) var(--ease-spring)}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-surface-hover) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius-sm)}.divider{height:1px;background:var(--border-default);border:none;margin:var(--space-6) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;color:var(--text-tertiary)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-state__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state__desc{font-size:var(--text-sm);max-width:400px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.stagger-list>*{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.stagger-list>*:nth-child(1){animation-delay:0ms}.stagger-list>*:nth-child(2){animation-delay:50ms}.stagger-list>*:nth-child(3){animation-delay:.1s}.stagger-list>*:nth-child(4){animation-delay:.15s}.stagger-list>*:nth-child(5){animation-delay:.2s}.stagger-list>*:nth-child(6){animation-delay:.25s}.stagger-list>*:nth-child(7){animation-delay:.3s}.stagger-list>*:nth-child(8){animation-delay:.35s}.stagger-list>*:nth-child(9){animation-delay:.4s}.stagger-list>*:nth-child(10){animation-delay:.45s}