.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-surface: #ffffff;--color-surface-alt: #f9fafb;--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-surface: #1f2937;--color-surface-alt: #374151;--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)}.font-size-xs{font-size:var(--text-xs)}.font-size-sm{font-size:var(--text-sm)}.font-size-base{font-size:var(--text-base)}.font-size-lg{font-size:var(--text-lg)}.font-size-xl{font-size:var(--text-xl)}.font-size-2xl{font-size:var(--text-2xl)}.font-size-3xl{font-size:var(--text-3xl)}.font-size-4xl{font-size:var(--text-4xl)}.font-weight-normal{font-weight:var(--weight-normal)}.font-weight-medium{font-weight:var(--weight-medium)}.font-weight-semibold{font-weight:var(--weight-semibold)}.font-weight-bold{font-weight:var(--weight-bold)}.text-color-primary{color:var(--color-text-primary)}.text-color-secondary{color:var(--color-text-secondary)}.text-color-muted{color:var(--color-text-muted)}.text-color-accent{color:var(--color-primary)}.text-color-success{color:var(--color-success)}.text-color-danger{color:var(--color-danger)}.text-color-warning{color:var(--color-warning)}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-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: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-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-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-direction-row{display:flex;flex-direction:row}.flex-direction-column{display:flex;flex-direction:column}.flex-center-all{display:flex;align-items:center;justify-content:center}.flex-center-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap-enabled{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)}}.admin-page-container{padding:var(--space-lg) var(--space-md);max-width:900px;margin:0 auto;width:100%}.admin-page-container-wide{padding:var(--space-lg) var(--space-md);max-width:1200px;margin:0 auto;width:100%}.admin-page-container-full{padding:var(--space-lg) var(--space-md);width:100%}.admin-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.admin-page-header-simple{margin-bottom:var(--space-lg)}.admin-page-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.admin-page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.admin-page-title-secondary{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.admin-page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-xs) 0 0 0;line-height:var(--leading-normal)}.admin-content-area{display:flex;flex-direction:column;gap:var(--space-lg)}.admin-content-divider{height:1px;background-color:var(--color-border);margin:var(--space-md) 0}@media (max-width: 768px){.admin-page-container,.admin-page-container-wide,.admin-page-container-full{padding:var(--space-md) var(--space-sm)}.admin-page-header{flex-direction:column;align-items:flex-start}.admin-page-header-actions{width:100%;justify-content:flex-start}.admin-page-title{font-size:var(--text-xl)}.admin-page-title-secondary{font-size:var(--text-lg)}}@media (max-width: 480px){.admin-page-container,.admin-page-container-wide,.admin-page-container-full{padding:var(--space-sm)}.admin-page-title{font-size:var(--text-lg)}}.admin-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.admin-panel-compact{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.admin-panel-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.admin-panel-header-simple{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.admin-panel-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.admin-panel-actions{display:flex;align-items:center;gap:var(--space-sm)}.admin-panel-body{display:flex;flex-direction:column;gap:var(--space-md)}.admin-panel-body-flush{display:block}.admin-panel-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.admin-panel-footer-split{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.admin-stats-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.admin-stats-grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}.admin-stats-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.admin-stats-card-horizontal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}.admin-stats-icon{font-size:var(--text-xl);color:var(--color-primary);flex-shrink:0}.admin-stats-content{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-stats-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:1}.admin-stats-value-small{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:1}.admin-stats-label{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.admin-stats-change-up{font-size:var(--text-xs);color:var(--color-success);font-weight:var(--weight-medium)}.admin-stats-change-down{font-size:var(--text-xs);color:var(--color-error);font-weight:var(--weight-medium)}@media (max-width: 992px){.admin-stats-grid,.admin-stats-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.admin-stats-grid,.admin-stats-grid-3,.admin-stats-grid-auto{grid-template-columns:1fr}.admin-stats-card,.admin-stats-card-horizontal{padding:var(--space-sm) var(--space-md)}.admin-stats-value{font-size:var(--text-xl)}}@media (max-width: 768px){.admin-panel{padding:var(--space-md);border-radius:var(--radius-md)}.admin-panel-compact{padding:var(--space-sm)}.admin-panel-header,.admin-panel-header-simple{flex-direction:column;align-items:flex-start}.admin-panel-footer,.admin-panel-footer-split{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.admin-panel-actions{width:100%;justify-content:flex-start}}.admin-form{display:flex;flex-direction:column;gap:var(--space-lg)}.admin-form-compact{display:flex;flex-direction:column;gap:var(--space-md)}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.admin-form-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-md)}.admin-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border);margin-top:var(--space-md)}.admin-form-actions-left{display:flex;justify-content:flex-start;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border);margin-top:var(--space-md)}.admin-form-actions-inline{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm);margin-top:var(--space-md)}.admin-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-form-group-inline{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm)}.admin-form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);line-height:var(--leading-tight)}.admin-form-label-required:after{content:" *";color:var(--color-danger)}.admin-form-label-optional:after{content:" (optional)";font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-text-muted)}.admin-form-input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-form-input::-moz-placeholder{color:var(--color-text-muted)}.admin-form-input::placeholder{color:var(--color-text-muted)}.admin-form-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-muted)}.admin-form-input:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-muted);cursor:not-allowed}.admin-form-input:-moz-read-only{background-color:var(--color-bg-secondary)}.admin-form-input:read-only{background-color:var(--color-bg-secondary)}.admin-form-input-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.admin-form-input-lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.admin-form-input-error{border-color:var(--color-danger);background-color:var(--color-danger-bg)}.admin-form-input-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-bg)}.admin-form-select{width:100%;padding:var(--space-sm) var(--space-md);padding-right:2.5rem;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;background-size:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-form-select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-muted)}.admin-form-select:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-muted);cursor:not-allowed}.admin-form-select-sm{padding:var(--space-xs) var(--space-sm);padding-right:2rem;font-size:var(--text-xs)}.admin-form-select-error{border-color:var(--color-danger);background-color:var(--color-danger-bg)}.admin-form-textarea{width:100%;min-height:100px;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;resize:vertical;line-height:var(--leading-relaxed);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-form-textarea::-moz-placeholder{color:var(--color-text-muted)}.admin-form-textarea::placeholder{color:var(--color-text-muted)}.admin-form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-muted)}.admin-form-textarea:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-muted);cursor:not-allowed}.admin-form-textarea-error{border-color:var(--color-danger);background-color:var(--color-danger-bg)}.admin-form-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.admin-form-checkbox input[type=checkbox],.admin-form-checkbox input[type=radio]{width:1rem;height:1rem;margin:0;accent-color:var(--color-primary);cursor:pointer}.admin-form-checkbox-label{font-size:var(--text-sm);color:var(--color-text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.admin-form-checkbox-group{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-form-checkbox-group-inline{display:flex;flex-wrap:wrap;gap:var(--space-md)}.admin-form-help{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs);line-height:var(--leading-normal)}.admin-form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-xs);line-height:var(--leading-normal);display:flex;align-items:center;gap:var(--space-xs)}.admin-form-error:before{content:"⚠";font-size:var(--text-sm)}.admin-form-success{font-size:var(--text-xs);color:var(--color-success);margin-top:var(--space-xs);line-height:var(--leading-normal)}.admin-form-section{padding:var(--space-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.admin-form-section-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}@media (max-width: 768px){.admin-form-grid{grid-template-columns:1fr}.admin-form-row,.admin-form-actions,.admin-form-actions-left{flex-direction:column;align-items:stretch}.admin-form-actions button,.admin-form-actions-left button{width:100%}}@media (max-width: 480px){.admin-form-input,.admin-form-select,.admin-form-textarea{font-size:16px}}.admin-status-label{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;border-radius:var(--radius-full);text-transform:capitalize;transition:background-color var(--transition-fast),color var(--transition-fast)}.admin-status-active{background-color:var(--color-success-bg);color:var(--color-success)}.admin-status-inactive{background-color:var(--color-bg-tertiary);color:var(--color-text-muted)}.admin-status-pending{background-color:var(--color-warning-bg);color:var(--color-warning)}.admin-status-error{background-color:var(--color-danger-bg);color:var(--color-danger)}.admin-status-published{background-color:var(--color-success-bg);color:var(--color-success)}.admin-status-draft{background-color:var(--color-bg-tertiary);color:var(--color-text-muted)}.admin-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-sans);line-height:var(--leading-tight);text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;outline:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.admin-button:focus-visible{box-shadow:0 0 0 3px var(--color-accent-muted)}.admin-button:disabled{opacity:.6;cursor:not-allowed}.admin-button-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.admin-button-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.admin-button-primary:active:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(1px)}.admin-button-secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.admin-button-secondary:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text-primary)}.admin-button-secondary:active:not(:disabled){background-color:var(--color-bg-tertiary)}.admin-button-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse)}.admin-button-danger:hover:not(:disabled){background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.admin-button-danger:active:not(:disabled){background-color:var(--color-danger-hover);transform:translateY(1px)}.admin-button-small{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);border-radius:var(--radius-sm)}.admin-button-icon{padding:var(--space-xs);width:2rem;height:2rem;border-radius:var(--radius-sm)}.admin-button-icon.admin-button-small{width:1.5rem;height:1.5rem;padding:var(--space-xs)}.admin-button-ghost{background-color:transparent;border-color:transparent;color:var(--color-text-secondary)}.admin-button-ghost:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.admin-button-outline-danger{background-color:transparent;border-color:var(--color-danger);color:var(--color-danger)}.admin-button-outline-danger:hover:not(:disabled){background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.admin-action-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-sans);line-height:1;text-decoration:none;white-space:nowrap;background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;outline:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.admin-action-button:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text-primary)}.admin-action-button:focus-visible{box-shadow:0 0 0 2px var(--color-accent-muted)}.admin-action-button:disabled{opacity:.5;cursor:not-allowed}.admin-action-button-danger{border-color:var(--color-danger);color:var(--color-danger)}.admin-action-button-danger:hover:not(:disabled){background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.admin-action-button-success{border-color:var(--color-success);color:var(--color-success)}.admin-action-button-success:hover:not(:disabled){background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.admin-button-group{display:inline-flex;align-items:center;gap:var(--space-sm)}.admin-button-group-connected{display:inline-flex;align-items:center}.admin-button-group-connected>.admin-button,.admin-button-group-connected>.admin-action-button{border-radius:0;margin-left:-1px}.admin-button-group-connected>.admin-button:first-child,.admin-button-group-connected>.admin-action-button:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);margin-left:0}.admin-button-group-connected>.admin-button:last-child,.admin-button-group-connected>.admin-action-button:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}@media (max-width: 480px){.admin-button{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.admin-button-group{flex-wrap:wrap}}.admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.admin-list-spaced{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.admin-list-divided{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.admin-list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-surface, var(--color-bg-primary));border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.admin-list-item:last-child{border-bottom:none}.admin-list-item-compact{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface, var(--color-bg-primary));border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.admin-list-item-compact:last-child{border-bottom:none}.admin-list-item-clickable{cursor:pointer}.admin-list-item-clickable:hover{background-color:var(--color-bg-hover)}.admin-list-item-selected{background-color:var(--color-accent-muted);border-left:3px solid var(--color-primary)}.admin-list-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.admin-list-item-content-row{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-sm)}.admin-list-item-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);line-height:var(--leading-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-list-item-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-list-item-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.admin-list-item-icon{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--color-text-muted)}.admin-list-item-meta{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}@media (max-width: 768px){.admin-list-item{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.admin-list-item-actions{width:100%;justify-content:flex-start}}@media (max-width: 480px){.admin-list-item{padding:var(--space-sm)}}.admin-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.admin-table-wrapper-compact{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-md)}.admin-table-wrapper-flush{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-data-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--text-sm);background-color:var(--color-bg-primary)}.admin-data-table-compact{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--text-xs);background-color:var(--color-bg-primary)}.admin-data-table-striped tbody tr:nth-child(2n){background-color:var(--color-bg-secondary)}.admin-table-header-row{background-color:var(--color-bg-secondary)}.admin-table-header{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap}.admin-table-header-center{padding:var(--space-sm) var(--space-md);text-align:center;font-weight:var(--weight-semibold);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap}.admin-table-header-right{padding:var(--space-sm) var(--space-md);text-align:right;font-weight:var(--weight-semibold);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap}.admin-table-header-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.admin-table-header-sortable:hover{background-color:var(--color-bg-hover)}.admin-table-row{background-color:var(--color-bg-primary);transition:background-color var(--transition-fast)}.admin-table-row:hover{background-color:var(--color-bg-hover)}.admin-table-row-clickable{cursor:pointer}.admin-table-row-clickable:hover{background-color:var(--color-bg-hover)}.admin-table-row-selected,.admin-table-row-selected:hover{background-color:var(--color-accent-muted)}.admin-table-cell{padding:var(--space-sm) var(--space-md);text-align:left;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-table-cell-center{padding:var(--space-sm) var(--space-md);text-align:center;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-table-cell-right{padding:var(--space-sm) var(--space-md);text-align:right;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-table-cell-muted{color:var(--color-text-muted)}.admin-table-cell-nowrap{white-space:nowrap}.admin-table-cell-actions{padding:var(--space-xs) var(--space-sm);text-align:right;border-bottom:1px solid var(--color-border);vertical-align:middle;white-space:nowrap}@media (max-width: 768px){.admin-data-table{font-size:var(--text-xs)}.admin-table-header,.admin-table-header-center,.admin-table-header-right,.admin-table-cell,.admin-table-cell-center,.admin-table-cell-right{padding:var(--space-xs) var(--space-sm)}}.admin-table-empty,.admin-table-loading{text-align:center;padding:var(--space-xl);color:var(--color-text-muted);font-size:var(--text-sm)}.admin-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);min-height:200px}.admin-loading-container-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);min-height:100px}.admin-loading-container-fullpage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);min-height:calc(100vh - 200px)}.admin-loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:admin-spin .8s linear infinite}.admin-loading-spinner-small{width:24px;height:24px;border-width:2px;border-style:solid;border-color:var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:admin-spin .8s linear infinite}.admin-loading-spinner-large{width:56px;height:56px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:admin-spin .8s linear infinite}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-loading-text{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;line-height:var(--leading-normal)}.admin-loading-text-large{font-size:var(--text-base);color:var(--color-text-muted);text-align:center;line-height:var(--leading-normal)}.admin-loading-inline{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--text-sm)}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl) var(--space-lg);min-height:200px}.admin-empty-state-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-lg) var(--space-md);min-height:120px}.admin-empty-state-fullpage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-3xl) var(--space-lg);min-height:calc(100vh - 300px)}.admin-empty-state-icon{font-size:3rem;color:var(--color-text-muted);margin-bottom:var(--space-md);opacity:.6;line-height:1}.admin-empty-state-icon-small{font-size:2rem;color:var(--color-text-muted);margin-bottom:var(--space-sm);opacity:.6;line-height:1}.admin-empty-state-icon-large{font-size:4rem;color:var(--color-text-muted);margin-bottom:var(--space-lg);opacity:.5;line-height:1}.admin-empty-state-icon-bg{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-text-muted);background-color:var(--color-bg-secondary);border-radius:50%;margin-bottom:var(--space-lg)}.admin-empty-state-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;line-height:var(--leading-tight)}.admin-empty-state-title-large{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0;line-height:var(--leading-tight)}.admin-empty-state-text{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-lg) 0;line-height:var(--leading-relaxed);max-width:400px}.admin-empty-state-text-large{font-size:var(--text-base);color:var(--color-text-muted);margin:0 0 var(--space-xl) 0;line-height:var(--leading-relaxed);max-width:500px}.admin-empty-state-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.admin-empty-state-action-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.admin-empty-state-link{font-size:var(--text-sm);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.admin-empty-state-link:hover{color:var(--color-primary-hover);text-decoration:underline}@media (max-width: 768px){.admin-empty-state,.admin-empty-state-compact{padding:var(--space-lg) var(--space-md)}.admin-empty-state-fullpage{padding:var(--space-xl) var(--space-md);min-height:auto}.admin-empty-state-icon{font-size:2.5rem}.admin-empty-state-icon-large{font-size:3rem}.admin-empty-state-title{font-size:var(--text-base)}.admin-empty-state-title-large{font-size:var(--text-lg)}.admin-empty-state-text{max-width:100%}}@media (max-width: 480px){.admin-empty-state-action-row{flex-direction:column;width:100%}.admin-empty-state-action-row>*{width:100%}}.admin-panel-form{margin-bottom:var(--space-lg)}.page-title-input,.blog-title-input{flex:1;min-width:200px}.page-slug-input,.blog-slug-input,.sounds-search-input{width:200px}.admin-form-textarea-code{font-family:var(--font-mono, "Consolas", "Monaco", "Courier New", monospace);font-size:var(--text-sm)}.admin-form-select-inline{width:auto;min-width:120px}.admin-form-row-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-sm)}@media (max-width: 768px){.page-title-input,.page-slug-input,.blog-title-input,.blog-slug-input,.sounds-search-input{width:100%;flex:none}.admin-form-select-inline{width:100%}}.admin-stats-spacing{margin-bottom:var(--space-lg)}.admin-stats-value-danger{color:var(--color-danger)}.admin-stats-value-success{color:var(--color-success)}.admin-stats-value-warning{color:var(--color-warning)}.admin-form-disabled{opacity:.5;pointer-events:none}.admin-panel-footer-flush{display:flex;justify-content:flex-start;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg)}.admin-panel-footer-flush-right{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg)}.admin-gift-icon{font-size:1.5rem;flex-shrink:0}.admin-list-item-info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.admin-list-item-inactive{opacity:.6}.admin-list-item-content{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-md)}.admin-form-input-name{width:180px;min-width:120px}.admin-form-input-icon{width:80px;min-width:60px}.admin-form-input-price{width:100px;min-width:80px}@media (max-width: 768px){.admin-form-input-name,.admin-form-input-icon,.admin-form-input-price{width:100%}}.admin-content{padding:1.5rem 1rem;max-width:1100px;margin:0 auto}.admin-content-wide{padding:1.5rem 1rem;max-width:1200px;margin:0 auto}.admin-section-header{margin-bottom:1.5rem}.admin-section-title{font-size:1.6rem;font-weight:700;margin:0;color:var(--color-text)}.admin-section-subtitle{font-size:.88rem;color:var(--color-text-muted);margin:4px 0 0}.admin-stats-grid-responsive{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:1.5rem}.admin-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:14px}.admin-stat-card-wide{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:16px}.admin-stat-label{font-size:.72rem;color:var(--color-text-muted);margin-bottom:4px}.admin-stat-label-lg{font-size:.75rem;color:var(--color-text-muted);margin-bottom:4px}.admin-stat-value{font-size:1.25rem;font-weight:700}.admin-stat-value-lg{font-size:1.4rem;font-weight:700}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.admin-card-title{margin:0 0 1rem;font-size:1rem;font-weight:600}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.feature-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--color-border);border-radius:8px}.feature-icon{font-size:1.5rem}.feature-name{font-size:.85rem;font-weight:600;color:var(--color-text)}.feature-desc{font-size:.75rem;color:var(--color-text-muted)}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:flex-start;gap:10px}.activity-indicator{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-indicator-success{background:#22c55e}.activity-indicator-info{background:#3b82f6}.activity-indicator-warning{background:#eab308}.activity-indicator-error{background:#ef4444}.activity-message{font-size:.85rem;color:var(--color-text)}.activity-time{font-size:.75rem;color:var(--color-text-muted)}.admin-loading{padding:2rem;text-align:center;color:var(--color-text-muted)}.admin-empty-text{color:var(--color-text-muted);font-size:.88rem}.settings-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.settings-form-group{display:flex;flex-direction:column}.settings-form-label{font-size:.78rem;color:var(--color-text-muted);display:block;margin-bottom:4px}.settings-form-input{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;width:100%;box-sizing:border-box}.settings-form-help{font-size:.7rem;color:var(--color-text-muted);margin:4px 0 0}.admin-table-container{overflow-x:auto}.admin-table-header-alt{padding:14px 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt, #f9fafb)}.admin-table-header-title{margin:0;font-size:1rem;font-weight:600}.table-th{padding:10px 14px;text-align:left;font-size:.72rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;border-bottom:1px solid var(--color-border)}.table-td{padding:10px 14px;font-size:.85rem}.table-td-primary{font-weight:500}.table-td-secondary{font-size:.72rem;color:var(--color-text-muted)}.table-td-money-positive{font-weight:600;color:#059669}.table-td-money-fee{font-weight:600;color:#2563eb}.table-td-date{font-size:.78rem;color:var(--color-text-muted)}.table-row-bordered{border-bottom:1px solid var(--color-border)}.pagination{display:flex;justify-content:center;gap:6px;padding:14px;border-top:1px solid var(--color-border)}.pagination-button{padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:.82rem;cursor:pointer;background:var(--color-surface);color:var(--color-text)}.pagination-button-active{background:var(--color-primary, #4f46e5);color:#fff}.flow-diagram{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.flow-box{text-align:center;padding:var(--space-4);border:2px solid var(--color-border-subtle);border-radius:8px;min-width:120px}.flow-box-hot{border-color:#ef4444;background:#ef44440d}.flow-box-warm{border-color:#f59e0b;background:#f59e0b0d}.flow-box-cold{border-color:#3b82f6;background:#3b82f60d}.flow-box-icon{font-size:var(--text-lg)}.flow-box-title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.flow-box-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.flow-arrow{font-size:var(--text-xl)}.tier-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.tier-item{display:flex;gap:var(--space-3);align-items:flex-start;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.tier-item:last-child{border-bottom:none;padding-bottom:0}.tier-icon{font-size:var(--text-lg)}.tier-label-hot{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:#ef4444}.tier-label-warm{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:#f59e0b}.tier-label-cold{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:#3b82f6}.tier-description{font-size:var(--text-sm);color:var(--color-text-muted)}.tier-status{text-transform:capitalize}.tier-status-hot{color:#ef4444}.tier-status-warm{color:#f59e0b}.tier-status-cold{color:#3b82f6}.table-td-medium{font-weight:var(--weight-medium)}@media (max-width: 768px){.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg)}}.admin-stats-grid-wide{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:1.5rem}.admin-card-flush{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:0;overflow:hidden}.button-spaced-top{margin-top:1rem}.data-table-wide{min-width:700px}.panel-body-flush{padding:0}.admin-page-header-description{color:var(--color-text-muted);font-size:var(--text-sm)}.admin-message-spaced{margin-bottom:var(--space-md)}.admin-widget-grid-spaced{margin-bottom:var(--space-xl)}.admin-stat-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.admin-stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.admin-stat-value-success{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-success)}.admin-panel-title-lg{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.admin-quick-link-card{cursor:pointer;transition:transform .15s ease}.admin-quick-link-card:hover{transform:translateY(-2px)}.admin-quick-link-body{text-align:center;padding:var(--space-lg)}.admin-quick-link-icon{font-size:var(--text-2xl);margin-bottom:var(--space-xs)}.admin-quick-link-title{font-weight:var(--weight-semibold);font-size:var(--text-sm);margin-bottom:var(--space-xs)}.admin-quick-link-description{font-size:var(--text-xs);color:var(--color-text-muted)}.admin-login-title{text-align:center;margin-bottom:var(--space-md)}.admin-login-subtitle{text-align:center;margin-bottom:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted)}.admin-login-error{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--text-sm)}.admin-login-field{margin-bottom:var(--space-md)}.admin-queue-container{padding:var(--space-lg) var(--space-md);max-width:1000px;margin:0 auto}.admin-queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.admin-queue-title{font-size:1.6rem;font-weight:700;margin:0;color:var(--color-text)}.admin-queue-refresh-button{font-size:.85rem}.admin-queue-list{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-queue-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.admin-queue-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.admin-queue-card-title{margin:0;font-size:var(--text-base);font-weight:600;text-transform:capitalize}.admin-queue-retry-button{font-size:.78rem;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:transparent;color:var(--color-primary);cursor:pointer}.admin-queue-retry-button:hover{background:var(--color-primary-bg, rgba(59, 130, 246, .1))}.admin-queue-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm)}@media (max-width: 768px){.admin-queue-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.admin-queue-stats-grid{grid-template-columns:repeat(2,1fr)}}.admin-queue-stat-box{padding:var(--space-sm);border-radius:var(--radius-md);text-align:center}.admin-queue-stat-value{font-size:1.1rem;font-weight:700}.admin-queue-stat-label{font-size:.7rem}.admin-queue-stat-pending{background:#fef3c7}.admin-queue-stat-pending .admin-queue-stat-value,.admin-queue-stat-pending .admin-queue-stat-label{color:#92400e}.admin-queue-stat-active{background:#dbeafe}.admin-queue-stat-active .admin-queue-stat-value,.admin-queue-stat-active .admin-queue-stat-label{color:#1e40af}.admin-queue-stat-done{background:#d1fae5}.admin-queue-stat-done .admin-queue-stat-value,.admin-queue-stat-done .admin-queue-stat-label{color:#065f46}.admin-queue-stat-failed{background:#fee2e2}.admin-queue-stat-failed .admin-queue-stat-value,.admin-queue-stat-failed .admin-queue-stat-label{color:#991b1b}.admin-queue-stat-time{background:#f3f4f6}.admin-queue-stat-time .admin-queue-stat-value{font-size:.9rem;font-weight:600;color:#374151}.admin-queue-stat-time .admin-queue-stat-label{color:#6b7280}.admin-queue-loading{padding:var(--space-xl);text-align:center;color:var(--color-text-muted)}.admin-queue-empty{text-align:center;padding:var(--space-xl);color:var(--color-text-muted)}.admin-reports-filter{margin-bottom:var(--space-lg)}.admin-reports-filter-body{display:flex;gap:var(--space-md);align-items:center}.admin-reports-filter-field{margin:0;min-width:180px}.admin-reports-table{width:100%}.admin-reports-status{text-transform:capitalize}.admin-reports-action-row{display:flex;gap:var(--space-xs);align-items:center}.admin-reports-action-input{max-width:160px;font-size:var(--text-xs)}.admin-reports-action-button{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.admin-reports-pagination{display:flex;justify-content:center;gap:var(--space-xs);margin-top:var(--space-lg)}.admin-reports-pagination-text{display:flex;align-items:center;font-size:var(--text-sm);color:var(--color-text-muted)}.admin-role-filter-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg)}.admin-role-tab-count{margin-left:var(--space-xs);opacity:.7}.admin-role-request-list{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-role-request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.admin-role-request-name{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.admin-role-request-username{font-size:var(--text-xs);color:var(--color-text-muted)}.admin-role-request-meta{display:flex;align-items:center;gap:var(--space-sm)}.admin-role-request-date{font-size:var(--text-xs);color:var(--color-text-muted)}.admin-role-transition{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.admin-role-transition-arrow{color:var(--color-text-muted)}.admin-role-requested{color:var(--color-primary)}.admin-role-request-reason{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.admin-role-request-actions{display:flex;gap:var(--space-xs)}.empty-state-heading{font-size:var(--text-lg);font-weight:500;margin-bottom:.5rem}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.page-header-description{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.admin-widget-grid-spaced{margin-bottom:var(--space-8)}.admin-message-spaced{margin-bottom:var(--space-4)}.panel-title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-1);display:block}.form-label-checkbox{font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.form-help-text{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.input-small-width{max-width:200px}.input-compact-width{max-width:150px}.checkbox-size{width:18px;height:18px}.settings-form-body{display:flex;flex-direction:column;gap:var(--space-5)}.content-generator-form-body{display:flex;flex-direction:column;gap:var(--space-4)}.panel-body-centered{text-align:center;padding:var(--space-5)}.panel-body-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.form-actions{padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.filter-row{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.search-form{display:flex;gap:var(--space-2);flex:1}.filter-field{margin:0;min-width:150px}.field-flex-grow{flex:1;margin:0}.panel-spaced{margin-bottom:var(--space-6)}.table-full-width{width:100%}.status-active,.status-approved{color:var(--color-success)}.status-banned,.status-rejected{color:var(--color-error)}.status-pending{color:var(--color-warning)}.button-action-small{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.action-group{display:flex;gap:var(--space-2)}.action-group-centered{display:flex;gap:var(--space-2);align-items:center}.doc-link{margin-right:var(--space-2);font-size:var(--text-xs);color:var(--color-primary)}.pagination-container{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.pagination-info{display:flex;align-items:center;font-size:var(--text-sm);color:var(--color-text-muted)}.quick-link-card{cursor:pointer;transition:transform .15s ease}.quick-link-card:hover{transform:translateY(-2px)}.quick-link-icon{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.quick-link-title{font-weight:var(--weight-semibold);font-size:var(--text-sm);margin-bottom:var(--space-1)}.quick-link-description{font-size:var(--text-xs);color:var(--color-text-muted)}.page-section-bordered{margin-bottom:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.page-section-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.page-section-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4) 0;line-height:var(--leading-relaxed)}.page-section-content{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.page-section-centered{text-align:center;padding:var(--space-6)}.widget-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.widget-card:hover{border-color:var(--color-border-hover)}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.widget-header-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.widget-body{display:flex;flex-direction:column;gap:var(--space-2)}.stats-label{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-normal)}.stats-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.stats-value-lg{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.stats-value-sm{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.stats-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.stats-container{display:flex;flex-direction:column;gap:var(--space-1)}.progress-bar{width:100%;height:6px;background-color:var(--color-border-subtle);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-bar-fill-success{height:100%;background-color:var(--color-success);border-radius:var(--radius-full);transition:width var(--transition-base)}.course-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);transition:border-color var(--transition-fast)}.course-card:hover{border-color:var(--color-border-hover)}.course-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.course-card-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.course-card-percent{font-size:var(--text-xs);color:var(--color-text-muted)}.course-card-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.course-list{display:flex;flex-direction:column;gap:var(--space-3)}.stats-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.stats-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.stats-value-medium{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.stats-value-small{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.stats-row{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.stats-item{display:flex;flex-direction:column;gap:var(--space-1)}.widget-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.widget-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.widget-body{padding:var(--space-6)}.layout-two-column{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.layout-main,.layout-sidebar{min-width:0}.layout-three-column{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-6)}.panel-header-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.action-list{display:flex;flex-direction:column;gap:var(--space-3)}.activity-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0}.activity-item{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.activity-item:last-child{border-bottom:none}.margin-bottom-lg{margin-bottom:var(--space-8)}.margin-bottom-md{margin-bottom:var(--space-6)}.margin-bottom-sm{margin-bottom:var(--space-4)}@media (max-width: 768px){.layout-two-column,.layout-three-column{grid-template-columns:1fr}.stats-row{gap:var(--space-4)}.stats-value{font-size:var(--text-2xl)}.widget-header,.widget-body{padding:var(--space-4)}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);width:100%}.feature-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);width:100%}.feature-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);width:100%}.feature-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);width:100%}.feature-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.feature-card-clickable{cursor:pointer}.feature-card-clickable:hover{transform:translateY(-2px)}.feature-card-horizontal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.feature-card-horizontal:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.feature-card-compact{background-color:var(--color-surface);border:1px solid var(--color-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)}.feature-card-compact:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:var(--text-2xl);color:var(--color-primary);flex-shrink:0}.feature-icon-circle{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:var(--text-2xl);color:var(--color-primary);background-color:var(--color-accent-muted);border-radius:var(--radius-full);flex-shrink:0}.feature-icon-small{width:36px;height:36px;font-size:var(--text-xl)}.feature-icon-large{width:64px;height:64px;font-size:var(--text-3xl)}.feature-content{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.feature-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.feature-title-small{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.feature-title-large{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.feature-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.feature-description-clamped{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feature-description-secondary{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.feature-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.feature-footer-simple{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-sm);margin-top:auto}.feature-link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.feature-link:hover{color:var(--color-primary-hover);text-decoration:underline}@media (max-width: 992px){.feature-grid-4,.feature-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.feature-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md)}.feature-grid-2,.feature-grid-3,.feature-grid-4{grid-template-columns:1fr}.feature-card,.feature-card-horizontal{padding:var(--space-md)}.feature-card-horizontal{flex-direction:column}.feature-icon{width:40px;height:40px;font-size:var(--text-xl)}.feature-icon-circle{width:48px;height:48px;font-size:var(--text-xl)}.feature-title{font-size:var(--text-base)}}@media (max-width: 480px){.feature-grid{grid-template-columns:1fr;gap:var(--space-sm)}.feature-card,.feature-card-compact{padding:var(--space-sm) var(--space-md)}.feature-icon-small{width:32px;height:32px;font-size:var(--text-lg)}}[data-theme=dark] .feature-card,[data-theme=dark] .feature-card-horizontal,[data-theme=dark] .feature-card-compact{box-shadow:none}[data-theme=dark] .feature-card:hover,[data-theme=dark] .feature-card-horizontal:hover,[data-theme=dark] .feature-card-compact:hover{box-shadow:0 4px 12px #0000004d}.upload-dropzone{border:2px dashed var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;cursor:pointer;background-color:transparent;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.upload-dropzone:hover,.upload-dropzone-active{border-color:var(--color-primary);background-color:var(--color-accent-muted)}.upload-dropzone-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.upload-dropzone-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.file-list{margin-top:var(--space-4)}.file-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.file-item:last-child{border-bottom:none}.file-item-name{font-size:var(--text-sm);color:var(--color-text-primary)}.upload-progress{margin-top:var(--space-4)}.progress-track{height:8px;border-radius:var(--radius-sm);background-color:var(--color-border-subtle);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary);transition:width var(--transition-base)}.progress-text{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.form-fields{display:flex;flex-direction:column;gap:var(--space-4)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1);display:block}.form-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.form-actions-start{justify-content:flex-start}.form-actions-end{justify-content:flex-end}.form-actions-center{justify-content:center}.page-section{margin-bottom:var(--space-6)}.page-section:last-child{margin-bottom:0}[data-theme=dark] .upload-dropzone{border-color:var(--color-border)}[data-theme=dark] .upload-dropzone:hover,[data-theme=dark] .upload-dropzone-active{border-color:var(--color-primary);background-color:var(--color-accent-muted)}[data-theme=dark] .progress-track{background-color:var(--color-border)}.page-content{padding:var(--space-6) var(--space-4);max-width:900px;margin:0 auto}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.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)}.panel-header-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.panel-body{padding:var(--space-6)}.panel-body-centered{padding:var(--space-8);text-align:center}.status-icon{font-size:3rem;margin-bottom:var(--space-4);line-height:1}.status-title-success{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-success);margin:0 0 var(--space-2) 0}.status-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.status-description{color:var(--color-text-muted);margin:0 0 var(--space-2) 0}.status-timestamp{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.progress-steps{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.progress-step{flex:1;height:4px;border-radius:2px;background-color:var(--color-border-subtle);transition:background-color var(--transition-fast)}.progress-step-active{background-color:var(--color-primary)}.document-select-list{display:flex;flex-direction:column;gap:var(--space-3)}.document-option{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);transition:border-color var(--transition-fast)}.document-option:hover{border-color:var(--color-border)}.document-option-selected{border:2px solid var(--color-primary)}.document-option-label{text-transform:capitalize}.step-instructions{margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.button-group{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.empty-state{text-align:center;padding:var(--space-6);color:var(--color-text-muted)}.message{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.message-error{background-color:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger)}.message-error p{margin:0 0 var(--space-1) 0}.message-error p:last-child{margin-bottom:0}.field-wrapper{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field-wrapper:last-child{margin-bottom:0}.input-field{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--color-primary);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)}[data-theme=dark] .document-option{border-color:var(--color-border)}[data-theme=dark] .document-option:hover{border-color:var(--color-border-hover)}[data-theme=dark] .message-error{background-color:var(--color-danger-bg)}.profile-cover{width:100%;height:200px;background-color:var(--color-bg-tertiary);background-size:cover;background-position:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative}.profile-cover-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm)}.profile-content{display:flex;gap:var(--space-8);align-items:flex-start;flex-wrap:wrap;margin-top:0;padding-top:0}.profile-avatar{width:100px;height:100px;border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-bg-secondary);border:3px solid var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);color:var(--color-text-muted);flex-shrink:0}.profile-avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.profile-info{flex:1;padding-top:var(--space-12)}.profile-name{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.profile-username{color:var(--color-text-muted);margin:0 0 var(--space-4) 0}.profile-bio{color:var(--color-text-secondary);margin:0 0 var(--space-4) 0;line-height:var(--leading-relaxed)}.profile-meta{display:flex;gap:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.profile-meta-label{color:var(--color-text-muted)}.profile-meta-value{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.profile-meta-verified{color:var(--color-success);font-weight:var(--weight-semibold)}.profile-meta-unverified{color:var(--color-text-muted);font-weight:var(--weight-semibold)}.cover-upload{position:relative;width:100%;height:160px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden;border:2px dashed var(--color-border)}.cover-upload-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-upload-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:var(--text-sm)}.cover-upload-controls{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-2)}.cover-upload-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}@media (max-width: 768px){.profile-cover{height:150px}.profile-content{flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}.profile-avatar{width:80px;height:80px;margin-top:-40px}.profile-info{padding-top:0;width:100%}.profile-meta{justify-content:center;flex-wrap:wrap}.cover-upload{height:120px}}.verify-status{text-align:center;padding:var(--space-8)}.verify-status-icon{font-size:3rem;margin-bottom:var(--space-4);line-height:1}.verify-status-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0 0 var(--space-2) 0}.verify-status-title-success{color:var(--color-success)}.verify-status-description{color:var(--color-text-muted);margin:0}.verify-status-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.step-progress{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.step-progress-bar{flex:1;height:4px;border-radius:2px;background-color:var(--color-border-subtle);transition:background-color var(--transition-fast)}.step-progress-bar-active{background-color:var(--color-primary)}.document-type-list{display:flex;flex-direction:column;gap:var(--space-3)}.document-type-option{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);transition:border-color var(--transition-fast)}.document-type-option:hover{border-color:var(--color-border)}.document-type-option-selected{border-width:2px;border-color:var(--color-primary)}.document-type-label{text-transform:capitalize}.form-instruction{margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.page-description{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.file-selected{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-success)}.form-button-row{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.panel-step-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.message-spaced{margin-bottom:var(--space-6)}.message-spaced-sm{margin-bottom:var(--space-4)}