@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap";.dots-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;min-height:200px;gap:16px;animation:loaderFadeIn .3s ease both}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}.dots-container.loader-fade-out{animation:loaderFadeOut .25s ease forwards}@keyframes loaderFadeOut{0%{opacity:1}to{opacity:0}}.dots-container.fullscreen{position:fixed;inset:0;z-index:9999;width:100vw;height:100vh;min-height:100vh;background:#ffffffeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dots-row{display:flex;align-items:center;justify-content:center;gap:0}.dot{height:20px;width:20px;margin-right:10px;border-radius:50%;background-color:#b3d4fc;animation:pulse 1.5s infinite ease-in-out;flex-shrink:0}.dot:last-child{margin-right:0}.dot:nth-child(1){animation-delay:-.3s}.dot:nth-child(2){animation-delay:-.1s}.dot:nth-child(3){animation-delay:.1s}.dot:nth-child(4){animation-delay:.3s}.dot:nth-child(5){animation-delay:.5s}@keyframes pulse{0%{transform:scale(.8);background-color:#b3d4fc;box-shadow:0 0 #b2d4fcb3}50%{transform:scale(1.2);background-color:#6793fb;box-shadow:0 0 0 10px #b2d4fc00}to{transform:scale(.8);background-color:#b3d4fc;box-shadow:0 0 #b2d4fcb3}}.loader-message{font-size:13px;font-weight:500;color:#9ca3af;letter-spacing:.01em;font-family:-apple-system,SF Pro Text,Helvetica Neue,sans-serif;animation:loaderFadeIn .4s ease .2s both}@media(max-width:480px){.dot{height:15px;width:15px;margin-right:8px}.dot:last-child{margin-right:0}}.sidebar{--sb-width: var(--sidebar-width, 240px);--sb-collapsed-width: 68px;position:fixed;top:0;left:0;height:100dvh;width:var(--sb-width);background:var(--color-bg-surface);border-right:1px solid var(--color-border);z-index:50;display:flex;flex-direction:column;overflow:hidden;font-family:DM Sans,sans-serif;transition:width var(--transition-smooth),transform var(--transition-smooth),box-shadow var(--transition-smooth)}@media(max-width:1023px){.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.sb-open{transform:translate(0);box-shadow:var(--shadow-xl)}.sidebar.sb-collapsed{width:var(--sb-width)}}@media(min-width:1024px){.sidebar{transform:translate(0);z-index:10;box-shadow:none}.sidebar.sb-collapsed{width:var(--sb-collapsed-width)}}.sb-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0;transition:all var(--transition-base)}.sb-collapsed .sb-header{justify-content:center;padding:0}.sb-logo{display:flex;align-items:center;gap:var(--space-3);overflow:hidden;transition:all var(--transition-base)}.sb-collapsed .sb-logo{display:none}.sb-logo-img{height:38px;width:auto;max-width:150px;object-fit:contain;flex-shrink:0}@media(max-width:400px){.sb-logo-img{height:30px;max-width:120px}}.sb-logo-text{font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-text-main);letter-spacing:-.025em;white-space:nowrap;opacity:1;transition:opacity var(--transition-fast),width var(--transition-fast)}.sb-collapse-btn,.sb-close-btn{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.sb-collapsed .sb-collapse-btn{opacity:1;pointer-events:auto;position:relative;width:40px;height:40px}.sb-collapse-btn:hover,.sb-close-btn:hover{background:var(--gray-50);color:var(--color-text-main)}.sb-hide-on-mobile{display:flex}.sb-hide-on-desktop{display:none}@media(max-width:1023px){.sb-hide-on-mobile{display:none}.sb-hide-on-desktop{display:flex}}.sb-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;touch-action:pan-y;-webkit-overflow-scrolling:touch}.sb-content::-webkit-scrollbar{width:5px}.sb-content::-webkit-scrollbar-track{background:transparent}.sb-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.sb-content::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}.sb-nav{padding:var(--space-4) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);flex:none;padding-bottom:24px}.sb-nav-group-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);padding-left:var(--space-3);white-space:nowrap;opacity:1;transition:opacity var(--transition-fast)}.sb-collapsed .sb-nav-group-label{opacity:0;pointer-events:none}.sb-nav-item{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:var(--space-2_5) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),padding var(--transition-base);white-space:nowrap;overflow:hidden;border:none;background:none;width:100%}.sb-nav-item:hover{background:var(--gray-50);color:var(--color-text-main)}.sb-nav-item.sb-active{background:var(--primary-50);color:var(--primary-700)}.sb-nav-icon{flex-shrink:0;color:var(--gray-400);transition:color var(--transition-fast)}.sb-nav-item:hover .sb-nav-icon{color:var(--gray-600)}.sb-nav-item.sb-active .sb-nav-icon{color:var(--primary-600)}.sb-nav-label{opacity:1;transition:opacity var(--transition-fast);overflow:hidden;text-overflow:ellipsis}.sb-collapsed .sb-nav-label{opacity:0;pointer-events:none;width:0;margin:0}.sb-collapsed .sb-nav-item{justify-content:center;padding:var(--space-2_5) 0;gap:0}.sb-nav-item.sb-locked{opacity:.7}.sb-lock-icon{margin-left:auto;flex-shrink:0;color:var(--gray-400)}.sb-collapsed .sb-lock-icon{display:none}@media(min-width:1024px){.sb-collapsed .sb-nav-item[title]:hover:after{content:attr(title);position:absolute;left:calc(var(--sb-collapsed-width) - 4px);top:50%;transform:translateY(-50%);background:var(--color-text-main);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;pointer-events:none;z-index:100;box-shadow:var(--shadow-md)}}.sb-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0;background:var(--color-bg-surface);position:relative;z-index:5;transition:padding var(--transition-base)}.sb-collapsed .sb-footer{padding:var(--space-4) var(--space-2)}.sb-user-profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--gray-50);overflow:hidden;transition:padding var(--transition-base),justify-content var(--transition-base)}.sb-collapsed .sb-user-profile{padding:var(--space-2) 0;background:transparent;justify-content:center}.sb-user-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-600);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-sm);flex-shrink:0;box-shadow:var(--shadow-sm)}.sb-user-info{flex:1;min-width:0;opacity:1;transition:opacity var(--transition-fast)}.sb-collapsed .sb-user-info{display:none}.sb-user-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-user-role{font-size:var(--text-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-logout-btn{color:var(--color-error-text);justify-content:center;border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.sb-collapsed .sb-logout-btn{padding:var(--space-2_5) 0;border-color:transparent}.sb-logout-btn:hover{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}.sb-collapsed .sb-logout-btn:hover{background:var(--color-error-bg);border-radius:var(--radius-md)}.sb-logout-btn .sb-nav-icon{color:var(--color-error-text)}.sb-overlay{position:fixed;inset:0;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:40;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.sb-overlay.sb-open{opacity:1;pointer-events:auto}@media(min-width:1024px){.sb-overlay{display:none}}.app-container{display:flex;height:100dvh;width:100vw;overflow:hidden;background:var(--color-bg-body);position:relative}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;transition:margin-left var(--transition-smooth);background:var(--color-bg-body)}.page-content{padding:var(--space-4);flex:1;overflow-y:auto;overflow-x:hidden;width:100%;-webkit-overflow-scrolling:touch}@media(max-width:1023px){.main-content{margin-left:0!important}.page-content{padding:var(--space-4)}}@media(min-width:1024px){.main-content{margin-left:var(--sidebar-width)}.sb-collapsed .main-content{margin-left:64px}.page-content{padding:var(--space-6) var(--space-8);max-width:var(--max-width-xl);margin:0 auto}}@media(min-width:1600px){.page-content{padding:var(--space-10) var(--space-12)}}@media(max-width:480px){.page-content{padding:var(--space-3)}}@media(prefers-reduced-motion:reduce){.main-content{transition:none}}.alert-toast{display:flex;align-items:flex-start;padding:16px;border-radius:12px;background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:1rem;max-width:400px;min-width:300px;width:100%;pointer-events:auto;border:1px solid;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right{animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards}.alert-success{border-color:#dcfce7;background-color:#fffffff2}.alert-success .alert-icon{color:#16a34a}.alert-error{border-color:#fee2e2;background-color:#fffffff2}.alert-error .alert-icon{color:#dc2626}.alert-warning{border-color:#fef3c7;background-color:#fffffff2}.alert-warning .alert-icon{color:#d97706}.alert-info{border-color:#e0e7ff;background-color:#fffffff2}.alert-info .alert-icon{color:#4f46e5}.alert-icon{margin-right:12px;display:flex;align-items:center;margin-top:2px}.alert-content{flex:1;margin-right:12px}.alert-message{font-size:.925rem;color:#1f2937;font-weight:500;line-height:1.4;margin:0}.alert-close{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.alert-close:hover{background-color:#0000000d;color:#4b5563}.admin-sidebar{position:fixed;top:0;left:0;z-index:50;height:100vh;width:280px;background:#fff;border-right:1px solid rgba(0,0,0,.05);transition:transform var(--transition-base)}.admin-sidebar.closed{transform:translate(-100%)}@media(min-width:1024px){.admin-sidebar.closed{transform:translate(0)}}.ad-sidebar-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.ad-sidebar-overlay.active{opacity:1;pointer-events:auto}.ad-sidebar-logo{height:80px;display:flex;align-items:center;padding:0 var(--space-8);border-bottom:1px solid rgba(0,0,0,.02)}.ad-sidebar-nav{padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.ad-nav-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:12px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--gray-500);transition:all var(--transition-fast)}.ad-nav-item:hover{background:var(--gray-50);color:var(--gray-900)}.ad-nav-item.active{background:var(--gray-900);color:#fff}.ad-nav-icon{width:20px;height:20px;margin-right:var(--space-3);transition:color var(--transition-fast)}.ad-nav-item.active .ad-nav-icon{color:#fff}.ad-sidebar-footer{position:absolute;bottom:0;left:0;width:100%;padding:var(--space-6);background:#fff;border-top:1px solid rgba(0,0,0,.02)}.ad-logout-btn{width:100%;display:flex;align-items:center;padding:.75rem 1rem;border-radius:12px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--gray-500);transition:all var(--transition-fast)}.ad-logout-btn:hover{background:#fef2f2;color:#dc2626}.admin-layout-container{height:100vh;background-color:#f8f9fb;display:flex;overflow:hidden}.admin-main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden;transition:all var(--transition-base)}@media(min-width:1024px){.admin-main-content{margin-left:280px}}.admin-header{background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:30}.admin-header-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--gray-900)}.admin-page-content{padding:var(--space-8);max-width:1400px;margin:0 auto;width:100%;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media(max-width:768px){.admin-page-content{padding:var(--space-4)}}.admin-stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-6);margin-bottom:var(--space-10)}@media(min-width:768px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.admin-stats-grid{gap:var(--space-4);margin-bottom:var(--space-6)}}.admin-stat-card{background:#fff;padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid rgba(0,0,0,.03);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003;transition:all var(--transition-base)}@media(max-width:480px){.admin-stat-card{padding:var(--space-4)}}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px -8px #0000000d}.admin-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}.admin-stat-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--gray-500);margin-bottom:var(--space-1)}.admin-stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--gray-900);letter-spacing:-.025em}.admin-card-table{background:#fff;border-radius:var(--radius-2xl);border:1px solid rgba(0,0,0,.03);box-shadow:0 4px 6px -1px #00000005;overflow:hidden}.admin-table-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--gray-50);display:flex;align-items:center;justify-content:space-between}@media(max-width:480px){.admin-table-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background:#fafbfc;padding:var(--space-4) var(--space-6);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);border-bottom:1px solid var(--gray-50);white-space:nowrap}.admin-table td{padding:var(--space-5) var(--space-6);font-size:var(--text-sm);color:var(--gray-600);border-bottom:1px solid var(--gray-50);vertical-align:middle}@media(max-width:480px){.admin-table td{padding:var(--space-4)}}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:#fafbfc}.admin-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:capitalize;white-space:nowrap}.admin-badge-success{background-color:#ecfdf5;color:#059669}.admin-badge-warning{background-color:#fffbeb;color:#d97706}.admin-badge-error{background-color:#fef2f2;color:#dc2626}.admin-detail-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-6)}@media(min-width:1024px){.admin-detail-grid{grid-template-columns:2fr 1fr}}.admin-detail-card{background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid rgba(0,0,0,.03)}@media(max-width:768px){.admin-detail-card{padding:var(--space-5)}}.admin-profile-header-content{padding:0 var(--space-10) var(--space-10);margin-top:-40px;display:flex;flex-direction:column;gap:var(--space-6)}@media(max-width:768px){.admin-profile-header-content{padding:0 var(--space-6) var(--space-6)}}.admin-profile-info-group{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}@media(max-width:640px){.admin-profile-info-group{align-items:flex-start;flex-direction:column}}.admin-profile-meta{display:flex;align-items:flex-end;gap:var(--space-6)}@media(max-width:480px){.admin-profile-meta{align-items:flex-start;flex-direction:column;gap:var(--space-4)}}.admin-profile-details{padding-bottom:var(--space-2)}.admin-profile-badges{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.admin-action-group{display:flex;gap:var(--space-3)}@media(max-width:640px){.admin-action-group{width:100%;justify-content:flex-start}.admin-action-group button{flex:1;justify-content:center}}.admin-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8)}@media(max-width:480px){.admin-info-grid{grid-template-columns:1fr;gap:var(--space-6)}}.admin-info-item{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.ad-hidden{display:none!important}.ad-hide-on-mobile{display:none}.ad-hide-on-desktop{display:flex}@media(min-width:1024px){.ad-sm-inline{display:inline!important}.ad-sm-hidden{display:none!important}.ad-hide-on-mobile{display:flex}.ad-hide-on-desktop{display:none}}.admin-search-container{position:relative;width:100%;max-width:400px}@media(max-width:768px){.admin-search-container{max-width:100%}}.admin-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;background:#f3f4f6;border:1px solid transparent;border-radius:var(--radius-xl);font-size:var(--text-sm);transition:all var(--transition-base)}.admin-search-input:focus{background:#fff;border-color:var(--primary-200);box-shadow:0 0 0 4px var(--primary-50);outline:none}.admin-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--gray-400);width:18px;height:18px}:root{--primary-50: #f0f4ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-950: #172554;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--color-bg-body: var(--gray-50);--color-bg-surface: #ffffff;--color-bg-subtle: var(--gray-50);--color-text-main: var(--gray-900);--color-text-secondary: var(--gray-500);--color-text-tertiary: var(--gray-400);--color-text-inverse: #ffffff;--color-border: var(--gray-200);--color-border-light: var(--gray-100);--color-border-hover: var(--gray-300);--color-primary: var(--primary-600);--color-primary-hover: var(--primary-700);--color-primary-active: var(--primary-800);--color-primary-light: var(--primary-50);--color-primary-text: var(--primary-700);--color-success-bg: #ecfdf5;--color-success-text: #059669;--color-success-border: #a7f3d0;--color-error-bg: #fef2f2;--color-error-text: #dc2626;--color-error-border: #fecaca;--color-warning-bg: #fffbeb;--color-warning-text: #d97706;--color-warning-border: #fde68a;--color-info-bg: #eff6ff;--color-info-text: #3b82f6;--color-info-border: #bfdbfe;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--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;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--space-0_5: .125rem;--space-1: .25rem;--space-1_5: .375rem;--space-2: .5rem;--space-2_5: .625rem;--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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .05), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .05), 0 8px 10px -6px rgb(0 0 0 / .05);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .05);--shadow-card-hover: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-premium: 0 25px 50px -12px rgba(79, 70, 229, .15);--glass-bg: rgba(255, 255, 255, .82);--glass-border: rgba(255, 255, 255, .5);--glass-blur: blur(12px);--sidebar-width: 260px;--header-height: 64px;--max-width-lg: 1280px;--max-width-xl: 1440px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{margin:0;padding:0}body{margin:0;padding:0;min-height:100vh;font-family:var(--font-family);background-color:var(--color-bg-body);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.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-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.grid{display:grid}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-weight:var(--weight-medium);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition);gap:var(--space-2)}.btn-primary{background-color:var(--primary-600);color:#fff}.btn-primary:hover{background-color:var(--primary-700);transform:translateY(-1px)}.btn-secondary{background-color:#fff;border:1px solid var(--color-border);color:var(--color-text-main)}.btn-secondary:hover{background-color:var(--gray-50);border-color:var(--gray-300)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-full{width:100%}.input-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.input{padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-main);background:#fff;transition:all var(--transition)}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-xl{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.text-muted{color:var(--color-text-secondary)}.font-bold{font-weight:var(--weight-bold)}@media(max-width:640px){.hide-on-mobile{display:none}}