.sidebar{width:var(--sidebar-width);height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:200;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-5);font-size:18px;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border);min-height:var(--navbar-height);text-decoration:none}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-4)}.nav-section{display:flex;flex-direction:column;gap:var(--space-1)}.nav-section-title{font:var(--font-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-2) var(--space-3)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font:500 14px var(--font-family);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--primary-soft);color:var(--primary-dark)}.nav-icon{font-size:18px;width:24px;text-align:center}.nav-label{flex:1}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2)}.sidebar-user-info{display:flex;flex-direction:column;gap:2px}.sidebar-user-name{font:500 13px var(--font-family);color:var(--text-primary)}.sidebar-user-role{align-self:flex-start}@media (max-width: 992px){.sidebar{width:min(var(--sidebar-width),calc(100vw - 32px));transform:translate(-100%);transition:transform var(--transition-normal),visibility var(--transition-normal);box-shadow:0 24px 60px #0f172a3d;visibility:hidden;pointer-events:none}.sidebar.open{transform:translate(0);visibility:visible;pointer-events:auto}}.app-navbar{height:var(--navbar-height);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);gap:var(--space-6)}.app-navbar-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.app-navbar-right{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.app-navbar-menu{display:none!important}.app-navbar-link{color:var(--text-secondary);font:500 14px/1 var(--font-family);transition:color var(--transition-fast)}.app-navbar-link:hover,.app-navbar-link.active{color:var(--primary-dark)}.navbar-icon-button{position:relative}.navbar-badge{position:absolute;top:-4px;right:-2px;min-width:18px;height:18px;border-radius:999px;background:var(--primary);color:var(--text-inverse);font:700 11px/18px var(--font-family);text-align:center;padding:0 4px}.avatar-btn{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast)}.avatar-btn:hover{background:var(--surface-hover)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font:600 13px var(--font-family)}.avatar-name{font:500 14px var(--font-family);color:var(--text-primary)}.chevron{font-size:12px;color:var(--text-muted)}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:220px;z-index:51;animation:fadeIn var(--transition-fast) ease;overflow:hidden}.dropdown-header{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.dropdown-divider{height:1px;background:var(--border)}.dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font:var(--font-small);color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--surface-hover)}.dropdown-item-danger{color:var(--danger)}@media (max-width: 992px){.app-navbar{padding:0 var(--space-4)}.app-navbar-menu{display:inline-flex!important}.app-navbar-right{margin-left:auto}}@media (max-width: 768px){.app-navbar{padding:0 var(--space-3);gap:var(--space-2)}.app-navbar-right{gap:var(--space-1)}.avatar-name{display:none}}.main-layout{display:flex;min-height:100vh}.layout-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a5c;border:none;padding:0;z-index:190}.main-content-area{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--space-6);animation:fadeIn var(--transition-normal) ease}@media (max-width: 992px){.main-content-area{margin-left:0}.main-content{padding:var(--space-4)}}.admin-shell{--primary: #68A9FF;--primary-soft: #E8F2FF;--primary-hover: #4D93F0;--primary-dark: #2563c9;--bg: #F7FAFE;--surface: #FFFFFF;--surface-hover: #F4F8FE;--border: #DCE8F6;--border-strong: #C6D9EE;--text-primary: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;min-height:100vh;display:grid;grid-template-columns:320px 1fr;background:var(--bg)}.admin-logout-fab{position:fixed;top:var(--space-4);right:var(--space-4);z-index:60;box-shadow:var(--shadow-md)}.admin-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:none;padding:0;background:#0f172a5c;z-index:29}.admin-sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.admin-sidebar-brand{border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);background:linear-gradient(135deg,var(--primary-soft),#F7FBFF)}.admin-brand-link{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text-primary)}.admin-brand-link:hover{color:var(--text-primary)}.admin-brand-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:#ffffffd1;box-shadow:var(--shadow-sm);font-size:20px}.admin-brand-text{font:700 28px/1 var(--font-family);letter-spacing:-.02em}.admin-brand-accent{color:var(--primary-dark)}.admin-nav{display:flex;flex-direction:column;gap:var(--space-2)}.admin-nav-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font:500 14px/1.3 var(--font-family);min-width:0}.admin-nav-item span:last-child{min-width:0;overflow-wrap:anywhere}.admin-nav-item.active,.admin-nav-item:hover{background:var(--primary-soft);color:var(--primary-dark)}.admin-sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border)}.admin-account-name{font:600 16px/1.4 var(--font-family);color:var(--text-primary)}.admin-account-email{margin-top:var(--space-1);color:var(--text-secondary);font:var(--font-small);word-break:break-word}.admin-main{min-width:0}.admin-topbar{height:88px;border-bottom:1px solid var(--border);background:#ffffffd6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:0 var(--space-8);position:sticky;top:0;z-index:20;padding-right:calc(var(--space-8) + 56px)}.admin-topbar-title{display:flex;align-items:center;gap:var(--space-3)}.admin-menu-toggle{display:none}.admin-topbar-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.admin-content{padding:var(--space-8)}.admin-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.admin-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4)}.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5)}.admin-stat-value{font:700 32px/1.1 var(--font-family);color:var(--primary-dark);margin-top:var(--space-3)}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.admin-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6)}.admin-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.admin-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.admin-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-list-item{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface)}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.admin-two-column{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-6)}.admin-preview-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:linear-gradient(180deg,#e8f2ff99,#fff)}@media (max-width: 992px){.admin-shell{grid-template-columns:1fr}.admin-logout-fab{top:var(--space-3);right:var(--space-3)}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:min(320px,86vw);z-index:30;transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:0 24px 60px #0f172a3d;visibility:hidden;pointer-events:none}.admin-sidebar.open{transform:translate(0);visibility:visible;pointer-events:auto}.admin-menu-toggle{display:inline-flex}.admin-stats-grid,.admin-card-grid,.admin-grid,.admin-two-column,.admin-form-grid{grid-template-columns:1fr}.admin-topbar{flex-direction:column;align-items:flex-start;height:auto;padding:var(--space-5);padding-right:calc(var(--space-5) + 56px)}.admin-topbar-actions{width:100%;flex-wrap:wrap}}:root{--primary: #5DBB8A;--primary-soft: #DFF5E8;--primary-hover: #49A978;--primary-dark: #3A8A62;--bg: #F9FCFA;--surface: #FFFFFF;--surface-hover: #F3F9F5;--border: #E3EFE8;--border-strong: #C8DDD0;--text-primary: #1F2A24;--text-secondary: #5F6F66;--text-muted: #8A9B92;--text-inverse: #FFFFFF;--success: #2E9F6B;--success-soft: #E5F7EE;--warning: #E6A23C;--warning-soft: #FFF5E0;--danger: #E06464;--danger-soft: #FDEBEB;--info: #68A9FF;--info-soft: #E8F2FF;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-h1: 700 clamp(32px, 4vw, 48px)/1.15 var(--font-family);--font-h2: 600 clamp(24px, 3vw, 32px)/1.25 var(--font-family);--font-h3: 600 clamp(20px, 2.5vw, 24px)/1.3 var(--font-family);--font-body-lg: 400 18px/1.6 var(--font-family);--font-body: 400 16px/1.6 var(--font-family);--font-small: 400 14px/1.5 var(--font-family);--font-caption: 500 12px/1.4 var(--font-family);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--shadow-sm: 0 1px 3px rgba(31, 42, 36, .04), 0 1px 2px rgba(31, 42, 36, .02);--shadow-md: 0 4px 12px rgba(31, 42, 36, .06), 0 2px 4px rgba(31, 42, 36, .03);--shadow-lg: 0 12px 32px rgba(31, 42, 36, .08), 0 4px 8px rgba(31, 42, 36, .04);--shadow-xl: 0 20px 48px rgba(31, 42, 36, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--max-width: 1280px;--content-width: 1200px;--sidebar-width: 260px;--navbar-height: 64px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font:var(--font-body);color:var(--text-primary);background:var(--bg);min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}img{max-width:100%;display:block}ul,ol{list-style:none}h1{font:var(--font-h1);color:var(--text-primary)}h2{font:var(--font-h2);color:var(--text-primary)}h3{font:var(--font-h3);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 24px;font:500 15px/1 var(--font-family);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.btn-danger{background:var(--danger);color:var(--text-inverse);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#c85555}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:16px 32px;font-size:17px;border-radius:var(--radius-lg)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font:var(--font-small);font-weight:500;color:var(--text-secondary)}.input{height:48px;padding:0 var(--space-4);font:var(--font-body);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input::placeholder{color:var(--text-muted)}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 3px var(--danger-soft)}.error-text{font:var(--font-caption);color:var(--danger)}textarea.input{height:auto;min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-weight:500;border-color:var(--border-strong);background:linear-gradient(180deg,#fffffffa,#f3f9f5e6),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath d='M5.25 7.5L9 11.25 12.75 7.5' stroke='%235F6F66' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0,right 14px center;background-size:auto,18px 18px;padding-right:44px;box-shadow:inset 0 1px #ffffffb3,var(--shadow-sm)}select.input:hover:not(:disabled){border-color:var(--primary);background:linear-gradient(180deg,#fff,#e8f5eef2),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath d='M5.25 7.5L9 11.25 12.75 7.5' stroke='%233A8A62' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0,right 14px center;background-size:auto,18px 18px}select.input:focus{background:linear-gradient(180deg,#fff,#e8f5eef2),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath d='M5.25 7.5L9 11.25 12.75 7.5' stroke='%233A8A62' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0,right 14px center;background-size:auto,18px 18px}select.input:disabled{cursor:not-allowed;color:var(--text-muted);border-color:var(--border);background:linear-gradient(180deg,#f8fbf9f2,#f4f7f5f2),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath d='M5.25 7.5L9 11.25 12.75 7.5' stroke='%238A9B92' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0,right 14px center;background-size:auto,18px 18px}select.input option{color:var(--text-primary);background:var(--surface)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;font:var(--font-caption);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--primary-soft);color:var(--primary-dark)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:#9a6c1f}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:#3b7adb}.badge-neutral{background:#f0f4f1;color:var(--text-secondary)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface)}.table{width:100%;border-collapse:collapse}.table th{font:var(--font-caption);color:var(--text-secondary);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg);text-transform:uppercase;letter-spacing:.5px}.table td{padding:var(--space-4);border-bottom:1px solid var(--border);font:var(--font-small)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--surface-hover)}.toast-container{position:fixed;top:calc(var(--navbar-height) + var(--space-3));left:50%;transform:translate(-50%);z-index:12000;display:flex;flex-direction:column;gap:var(--space-2);width:min(720px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-left-width:4px;animation:slideDown var(--transition-normal) ease;pointer-events:auto}.toast-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;border-radius:var(--radius-full);font:800 15px/1 var(--font-family)}.toast-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.toast-copy strong{font:700 13px/1.25 var(--font-family)}.toast-copy span{color:var(--text-secondary);font:var(--font-small);overflow-wrap:anywhere}.toast-close{width:28px;height:28px;border:none;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-muted);cursor:pointer;font:700 18px/1 var(--font-family);transition:background var(--transition-fast),color var(--transition-fast)}.toast-close:hover{background:#1f2a240f;color:var(--text-primary)}.toast-success{border-color:color-mix(in srgb,var(--success) 54%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--success) 9%,var(--surface)),var(--surface))}.toast-success .toast-icon{background:var(--success-soft);color:var(--success)}.toast-error{border-color:color-mix(in srgb,var(--danger) 62%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 9%,var(--surface)),var(--surface))}.toast-error .toast-icon{background:var(--danger-soft);color:var(--danger)}.toast-warning{border-color:color-mix(in srgb,var(--warning) 62%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--warning) 12%,var(--surface)),var(--surface))}.toast-warning .toast-icon{background:var(--warning-soft);color:#9a6c1f}.toast-info{border-color:color-mix(in srgb,var(--info) 54%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--info) 9%,var(--surface)),var(--surface))}.toast-info .toast-icon{background:var(--info-soft);color:#3b7adb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f2a2466;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9000;animation:fadeIn var(--transition-fast) ease}.modal-content{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:520px;max-height:90vh;overflow-y:auto;animation:scaleIn var(--transition-normal) ease}.modal-header{padding:var(--space-6) var(--space-6) var(--space-4);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:0 var(--space-6) var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-3)}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--bg)}.dropzone:hover,.dropzone-active{border-color:var(--primary);background:var(--primary-soft)}.dropzone-icon{font-size:48px;margin-bottom:var(--space-4);color:var(--text-muted)}.stepper{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8)}.stepper-step{display:flex;align-items:center;gap:var(--space-2)}.stepper-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 14px var(--font-family);border:2px solid var(--border);color:var(--text-muted);background:var(--surface);transition:all var(--transition-fast)}.stepper-step.active .stepper-circle{border-color:var(--primary);background:var(--primary);color:var(--text-inverse)}.stepper-step.completed .stepper-circle{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.stepper-label{font:var(--font-small);color:var(--text-muted);display:none}.stepper-step.active .stepper-label{color:var(--text-primary);font-weight:500}.stepper-line{flex:1;height:2px;background:var(--border);min-width:24px}.stepper-line.completed{background:var(--primary)}@media (min-width: 768px){.stepper-label{display:block}}.skeleton{background:linear-gradient(90deg,#f0f4f1 25%,#e3efe8,#f0f4f1 75%);background-size:400% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:16px;margin-bottom:var(--space-2)}.skeleton-title{height:24px;width:60%;margin-bottom:var(--space-3)}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card{height:200px;border-radius:var(--radius-xl)}.empty-state{text-align:center;padding:var(--space-16) var(--space-6)}.empty-state-icon{font-size:64px;margin-bottom:var(--space-4)}.empty-state h3{margin-bottom:var(--space-2)}.empty-state p{color:var(--text-secondary);max-width:400px;margin:0 auto var(--space-6)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) 0}.pagination-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font:500 14px var(--font-family);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.text-center{text-align:center}.text-sm{font:var(--font-small)}.text-muted{color:var(--text-secondary)}.text-caption{font:var(--font-caption)}.w-full{width:100%}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease}.animate-float{animation:float 3s ease-in-out infinite}@media (max-width: 768px){:root{--navbar-height: 56px}.container{padding:0 var(--space-4)}.hide-mobile{display:none!important}}@media (min-width: 768px){.hide-desktop{display:none!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}