.sidebar{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-sm)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);height:var(--topbar-height);border-bottom:1px solid var(--color-border);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-accent);white-space:nowrap;overflow:hidden;flex-shrink:0}.sidebar__brand-logo{width:28px;height:28px;flex-shrink:0}.sidebar__brand-text{transition:opacity var(--transition-fast)}.sidebar__nav{flex:1;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__section{margin-bottom:var(--space-2)}.sidebar__section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.sidebar__section-header:hover{background-color:var(--color-bg-hover)}.sidebar__section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden}.sidebar__section-chevron{width:14px;height:14px;color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.sidebar__section-chevron--expanded{transform:rotate(90deg)}.sidebar__section-items{display:flex;flex-direction:column;gap:var(--space-1);overflow:hidden;max-height:0;transition:max-height var(--transition-slow)}.sidebar__section-items--expanded{max-height:2000px}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;white-space:nowrap;overflow:hidden;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);border-left:3px solid transparent;position:relative}.sidebar__item:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar__item--active{background-color:var(--color-accent-muted);color:var(--color-accent);border-left-color:var(--color-accent);font-weight:var(--weight-semibold)}.sidebar__item-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar__item-icon svg{width:100%;height:100%}.sidebar__item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar__item-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background-color:var(--color-danger);color:#fff;font-size:10px;font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__submenu{padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-1);overflow:hidden;max-height:0;transition:max-height var(--transition-slow)}.sidebar__submenu--expanded{max-height:1500px}.sidebar__submenu-toggle{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast);border-left:3px solid transparent}.sidebar__submenu-toggle:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar__submenu-toggle-chevron{width:12px;height:12px;color:var(--color-text-muted);transition:transform var(--transition-fast);margin-left:auto;flex-shrink:0}.sidebar__submenu-toggle-chevron--expanded{transform:rotate(90deg)}.sidebar__footer{border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.sidebar__footer-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3)}.sidebar__footer-link{font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.sidebar__footer-link:hover{color:var(--color-text-primary)}.sidebar__collapse-toggle{display:flex;align-items:center;justify-content:center;padding:var(--space-3);margin:var(--space-2) var(--space-3);border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar__collapse-toggle:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar--collapsed .sidebar__brand-text,.sidebar--collapsed .sidebar__section-title,.sidebar--collapsed .sidebar__item-label,.sidebar--collapsed .sidebar__item-badge,.sidebar--collapsed .sidebar__section-chevron,.sidebar--collapsed .sidebar__footer-links,.sidebar--collapsed .sidebar__submenu-toggle-chevron{display:none}.sidebar--collapsed .sidebar__section-header{justify-content:center;padding:var(--space-2)}.sidebar--collapsed .sidebar__item{justify-content:center;padding:var(--space-2);border-left:none}.sidebar--collapsed .sidebar__item--active{border-left:none;border-bottom:2px solid var(--color-accent)}.sidebar--collapsed .sidebar__item-icon{width:22px;height:22px}.sidebar--collapsed .sidebar__submenu-toggle{justify-content:center;padding:var(--space-2);border-left:none}.sidebar--collapsed .sidebar__submenu{padding-left:0}.sidebar--collapsed .sidebar__footer{align-items:center}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:calc(var(--z-sticky) - 1)}@media (max-width: 768px){.sidebar-overlay--visible{display:block}}.topbar{position:sticky;top:0;height:var(--topbar-height);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);z-index:var(--z-sticky);gap:var(--space-4)}.topbar__left{display:flex;align-items:center;gap:var(--space-3)}.topbar__hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--color-text-primary);font-size:var(--text-xl);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.topbar__hamburger:hover{background-color:var(--color-bg-hover)}@media (max-width: 768px){.topbar__hamburger{display:flex}}.topbar__collapse-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.topbar__collapse-button:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}@media (max-width: 768px){.topbar__collapse-button{display:none}}.topbar__center{flex:1;max-width:480px;display:flex;align-items:center}.topbar__search{width:100%;position:relative}.topbar__search-input{width:100%;padding:var(--space-2) var(--space-4);padding-left:var(--space-9);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.topbar__search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.topbar__search-input::-moz-placeholder{color:var(--color-text-muted)}.topbar__search-input::placeholder{color:var(--color-text-muted)}.topbar__search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none}.topbar__search-icon svg{width:100%;height:100%}.topbar__right{display:flex;align-items:center;gap:var(--space-3)}.topbar__notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.topbar__notification-bell:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.topbar__notification-bell-icon{width:20px;height:20px}.topbar__notification-bell-icon svg{width:100%;height:100%}.topbar__notification-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background-color:var(--color-danger);color:#fff;font-size:9px;font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center}.topbar__theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);font-size:var(--text-base);transition:background-color var(--transition-fast),color var(--transition-fast)}.topbar__theme-toggle:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.topbar__avatar-wrapper{position:relative}.topbar__avatar-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:none;background:none;cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.topbar__avatar-button:hover{background-color:var(--color-bg-hover)}.topbar__avatar-image{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background-color:var(--color-accent-muted);display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-weight:var(--weight-bold);font-size:var(--text-sm)}.topbar__avatar-name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--weight-medium)}.topbar__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:180px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2) 0;z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.topbar__dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}.topbar__dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left}.topbar__dropdown-item:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.topbar__dropdown-divider{height:1px;background-color:var(--color-border);margin:var(--space-2) 0}@media (max-width: 768px){.topbar__center,.topbar__avatar-name{display:none}}.app-layout{display:flex;min-height:100vh;background-color:var(--color-bg-primary)}.app-layout__sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width, 260px);background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:var(--z-sticky);transition:width var(--transition-slow),transform var(--transition-slow);overflow:hidden}.app-layout__sidebar--collapsed{width:var(--sidebar-collapsed, 64px)}.app-layout__main{flex:1;margin-left:var(--sidebar-width, 260px);display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-slow)}.app-layout__main--collapsed{margin-left:var(--sidebar-collapsed, 64px)}.app-layout__content{flex:1;padding:var(--space-6);overflow-y:auto}@media (max-width: 768px){.app-layout__sidebar{transform:translate(-100%);width:var(--sidebar-width, 260px);z-index:calc(var(--z-sticky) + 10)}.app-layout__sidebar--mobile-open{transform:translate(0)}.app-layout__sidebar--collapsed{width:var(--sidebar-width, 260px)}.app-layout__main,.app-layout__main--collapsed{margin-left:0}.app-layout__content{padding:var(--space-4)}}.admin-sidebar{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-track{background:transparent}.admin-sidebar::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-sm)}.admin-sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);height:var(--topbar-height);border-bottom:1px solid var(--color-border);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-danger);white-space:nowrap;overflow:hidden;flex-shrink:0}.admin-sidebar__brand-logo{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.admin-sidebar__brand-text{transition:opacity var(--transition-fast)}.admin-sidebar__nav{flex:1;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.admin-sidebar__section{margin-bottom:var(--space-2)}.admin-sidebar__section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.admin-sidebar__section-header:hover{background-color:var(--color-bg-hover)}.admin-sidebar__section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden}.admin-sidebar__section-chevron{width:14px;height:14px;color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.admin-sidebar__section-chevron--expanded{transform:rotate(90deg)}.admin-sidebar__section-items{display:flex;flex-direction:column;gap:var(--space-1);overflow:hidden;max-height:0;transition:max-height var(--transition-slow)}.admin-sidebar__section-items--expanded{max-height:2000px}.admin-sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;white-space:nowrap;overflow:hidden;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);border-left:3px solid transparent;position:relative}.admin-sidebar__item:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.admin-sidebar__item--active{background-color:#ef44441f;color:var(--color-danger);border-left-color:var(--color-danger);font-weight:var(--weight-semibold)}.admin-sidebar__item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.admin-sidebar__footer{border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.admin-sidebar__footer-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.admin-sidebar__footer-item:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.admin-sidebar__footer-logout{color:var(--color-danger)}.admin-sidebar__footer-logout:hover{background-color:#ef444414;color:var(--color-danger)}.admin-sidebar__collapse-toggle{display:flex;align-items:center;justify-content:center;padding:var(--space-3);margin:var(--space-2) var(--space-3);border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.admin-sidebar__collapse-toggle:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.admin-sidebar--collapsed .admin-sidebar__brand-text,.admin-sidebar--collapsed .admin-sidebar__section-title,.admin-sidebar--collapsed .admin-sidebar__item-label,.admin-sidebar--collapsed .admin-sidebar__section-chevron,.admin-sidebar--collapsed .admin-sidebar__footer-item{display:none}.admin-sidebar--collapsed .admin-sidebar__section-header{justify-content:center;padding:var(--space-2)}.admin-sidebar--collapsed .admin-sidebar__item{justify-content:center;padding:var(--space-2);border-left:none}.admin-sidebar--collapsed .admin-sidebar__item--active{border-left:none;border-bottom:2px solid var(--color-danger)}.admin-sidebar--collapsed .admin-sidebar__footer{align-items:center}.admin-sidebar--collapsed .admin-sidebar__collapse-toggle{transform:rotate(180deg)}.admin-sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:calc(var(--z-sticky) - 1)}@media (max-width: 768px){.admin-sidebar-overlay--visible{display:block}}.admin-layout{display:flex;min-height:100vh;background-color:var(--color-bg-primary)}.admin-layout__sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width, 260px);background-color:#12121a;border-right:1px solid var(--color-border);z-index:var(--z-sticky);transition:width var(--transition-slow),transform var(--transition-slow);overflow:hidden}.admin-layout__sidebar--collapsed{width:var(--sidebar-collapsed, 64px)}.admin-layout__main{flex:1;margin-left:var(--sidebar-width, 260px);display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-slow)}.admin-layout__main--collapsed{margin-left:var(--sidebar-collapsed, 64px)}.admin-layout__content{flex:1;padding:var(--space-6);overflow-y:auto}@media (max-width: 768px){.admin-layout__sidebar{transform:translate(-100%);width:var(--sidebar-width, 260px);z-index:calc(var(--z-sticky) + 10)}.admin-layout__sidebar--mobile-open{transform:translate(0)}.admin-layout__sidebar--collapsed{width:var(--sidebar-width, 260px)}.admin-layout__main,.admin-layout__main--collapsed{margin-left:0}.admin-layout__content{padding:var(--space-4)}}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);background-color:var(--color-bg-primary)}.auth-layout-panel{width:100%;max-width:420px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10)}.auth-layout-logo{text-align:center;margin-bottom:var(--space-8)}.auth-layout-logo h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent)}.auth-layout-content{width:100%}@media (max-width: 480px){.auth-layout-panel{padding:var(--space-6);border:none;background-color:transparent}}.guest-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary)}.guest-nav{position:sticky;top:0;z-index:var(--z-sticky);height:var(--topbar-height);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.guest-nav__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--content-max-width);height:100%;margin:0 auto;padding:0 var(--space-6)}.guest-nav__logo{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.guest-nav__logo:hover{color:var(--color-accent-hover)}.guest-nav__links{display:flex;align-items:center;gap:var(--space-3)}.guest-nav__link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.guest-nav__link:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.guest-nav__link--register{color:var(--color-text-inverse);background-color:var(--color-accent)}.guest-nav__link--register:hover{color:var(--color-text-inverse);background-color:var(--color-accent-hover)}.guest-layout__content{flex:1;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8) var(--space-6)}.guest-footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-6)}.guest-footer__inner{max-width:var(--content-max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.guest-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.guest-footer__link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.guest-footer__link:hover{color:var(--color-accent)}.guest-footer__copy{font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width: 640px){.guest-nav__inner{padding:0 var(--space-4)}.guest-nav__links{gap:var(--space-2)}.guest-nav__link{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.guest-layout__content,.guest-footer{padding:var(--space-6) var(--space-4)}.guest-footer__links{flex-direction:column;align-items:center;gap:var(--space-3)}}:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-accent-muted: rgba(99, 102, 241, .15);--color-success: #10b981;--color-success-hover: #059669;--color-success-bg: rgba(16, 185, 129, .12);--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-bg: rgba(239, 68, 68, .12);--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-bg: rgba(245, 158, 11, .12);--color-info: #3b82f6;--color-info-hover: #2563eb;--color-info-bg: rgba(59, 130, 246, .12);--color-text: #1f2937;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-inverse: #ffffff;--color-bg: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-elevated: #ffffff;--color-bg-hover: #e5e7eb;--color-bg-input: #ffffff;--color-border: #e5e7eb;--color-border-focus: #6366f1;--color-border-subtle: #f3f4f6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--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;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--sidebar-collapsed: 64px;--topbar-height: 56px;--content-max-width: 1400px;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}[data-theme=dark]{--color-text: #f9fafb;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af;--color-text-inverse: #111827;--color-bg: #111827;--color-bg-primary: #111827;--color-bg-secondary: #1f2937;--color-bg-tertiary: #374151;--color-bg-elevated: #1f2937;--color-bg-hover: #374151;--color-bg-input: #1f2937;--color-border: #374151;--color-border-subtle: #1f2937;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .35);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:var(--weight-semibold)}p{overflow-wrap:break-word}#root{isolation:isolate;min-height:100vh}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}h3{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}h4{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}h5{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--color-text-primary)}h6{font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--color-text-primary)}p{margin-bottom:var(--space-4);line-height:var(--leading-normal)}p:last-child{margin-bottom:0}small{font-size:var(--text-sm);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}code{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary)}pre{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;line-height:var(--leading-relaxed)}pre code{padding:0;background:none;border-radius:0}blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--color-text-secondary);font-style:italic}strong,b{font-weight:var(--weight-semibold)}em,i{font-style:italic}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.prose ul,.prose ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-bottom:var(--space-2);line-height:var(--leading-normal)}mark{background-color:var(--color-warning-bg);color:var(--color-text-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-normal{font-weight:var(--weight-normal)}.text-medium{font-weight:var(--weight-medium)}.text-semibold{font-weight:var(--weight-semibold)}.text-bold{font-weight:var(--weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body{background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--transition-base),color var(--transition-base)}.field-wrapper{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.field-label-required:after{content:" *";color:var(--color-danger)}.input-field{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field:hover{border-color:var(--color-text-muted)}.input-field:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-muted)}.input-field::-moz-placeholder{color:var(--color-text-muted)}.input-field::placeholder{color:var(--color-text-muted)}.input-field:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-tertiary)}.input-field-error{border-color:var(--color-danger)}.input-field-error:focus{box-shadow:0 0 0 3px var(--color-danger-bg)}textarea.input-field{min-height:100px;resize:vertical}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236a6a7a' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.field-error{font-size:var(--text-sm);color:var(--color-danger);display:flex;align-items:center;gap:var(--space-1)}.field-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.input-group{position:relative;display:flex;align-items:center}.input-group .input-field{padding-left:var(--space-10)}.input-group-icon{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center}.input-group-suffix{position:absolute;right:var(--space-3);color:var(--color-text-muted);display:flex;align-items:center}.toggle-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary)}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.button:disabled,.button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.button-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button-primary:active{background-color:#4338ca;border-color:#4338ca;transform:translateY(1px)}.button-secondary{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.button-secondary:hover{background-color:var(--color-bg-hover);border-color:var(--color-text-muted)}.button-secondary:active{background-color:var(--color-bg-tertiary);transform:translateY(1px)}.button-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.button-danger:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.button-danger:active{background-color:#b91c1c;border-color:#b91c1c;transform:translateY(1px)}.button-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.button-success:hover{background-color:var(--color-success-hover);border-color:var(--color-success-hover)}.button-success:active{background-color:#047857;border-color:#047857;transform:translateY(1px)}.button-warning{background-color:var(--color-warning);color:#000;border-color:var(--color-warning)}.button-warning:hover{background-color:var(--color-warning-hover);border-color:var(--color-warning-hover)}.button-warning:active{background-color:#b45309;border-color:#b45309;transform:translateY(1px)}.button-ghost{background-color:transparent;color:var(--color-primary);border-color:transparent}.button-ghost:hover{background-color:var(--color-accent-muted)}.button-ghost:active{background-color:#6366f140;transform:translateY(1px)}.button-small{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.button-large{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.button-icon{padding:var(--space-3);width:36px;height:36px}.button-icon-small{padding:var(--space-2);width:28px;height:28px}.button-icon-large{padding:var(--space-4);width:44px;height:44px}.button-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.button-loading{position:relative;color:transparent;pointer-events:none}.button-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.button-full{width:100%}.content-wrapper{width:100%;max-width:var(--content-max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.page-body{padding:var(--space-6)}.page-content{padding:var(--space-6);max-width:var(--content-max-width);margin:0 auto}.page-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6)}.widget-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.widget-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.panel{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.panel-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.panel-header-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.panel-body{padding:var(--space-6)}.panel-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-bg-tertiary)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);background-color:var(--color-bg-tertiary)}.data-table tbody tr:hover{background-color:var(--color-bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.message-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.message-error{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.message-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.message-info{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.status-label{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);white-space:nowrap}.status-label-success{background-color:var(--color-success-bg);color:var(--color-success)}.status-label-danger{background-color:var(--color-danger-bg);color:var(--color-danger)}.status-label-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.status-label-info{background-color:var(--color-info-bg);color:var(--color-info)}.status-label-neutral{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.status-online{color:var(--color-success)}.status-offline{color:var(--color-text-muted)}.status-busy{color:var(--color-warning)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-muted)}.empty-state-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--color-text-muted);max-width:400px}.section-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-gap-sm{gap:var(--space-2)}.flex-gap-md{gap:var(--space-4)}.flex-gap-lg{gap:var(--space-6)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-bg-hover) var(--color-bg-secondary)}::-moz-selection{background-color:var(--color-accent-muted);color:var(--color-text-primary)}::selection{background-color:var(--color-accent-muted);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (max-width: 768px){.content-wrapper{padding-left:var(--space-4);padding-right:var(--space-4)}.page-content,.page-body{padding:var(--space-4)}.widget-grid,.widget-grid-2,.widget-grid-3,.form-grid,.form-grid-2,.form-grid-3{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.content-wrapper{padding-left:var(--space-3);padding-right:var(--space-3)}}