:root{--color-primary-50:#fef2f2;--color-primary-100:#fee2e2;--color-primary-200:#fecaca;--color-primary-300:#fca5a5;--color-primary-400:#f87171;--color-primary-500:#ef4444;--color-primary-600:#dc2626;--color-primary-700:#b91c1c;--color-primary-800:#991b1b;--color-primary-900:#7f1d1d;--color-gray-50:#fafafa;--color-gray-100:#f4f4f5;--color-gray-200:#e4e4e7;--color-gray-300:#d4d4d8;--color-gray-400:#a1a1aa;--color-gray-500:#71717a;--color-gray-600:#52525b;--color-gray-700:#3f3f46;--color-gray-800:#27272a;--color-gray-900:#18181b;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:var(--color-primary-50);--surface:#ffffff;--surface-hover:#f4f4f5;--text-primary:#18181b;--text-secondary:#52525b;--text-tertiary:#a1a1aa;--text-inverse:#ffffff;--border-color:#e4e4e7;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--border-radius-xl:24px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--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;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease}*,:after,:before{box-sizing:border-box}#__next,body,html{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}img{max-width:100%;height:auto}.container{max-width:1200px}.container,.container-sm{margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:640px}.container-lg{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4);font-weight:700;line-height:1.3;color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0 0 var(--space-4);color:var(--text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-muted{color:var(--text-tertiary)}.text-primary{color:var(--color-primary-600)}.text-center{text-align:center}.card{background:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:var(--space-6);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-lg)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.card-title{margin:0;font-size:var(--font-size-lg);font-weight:600}.card-subtitle{margin:var(--space-1) 0 0;color:var(--text-tertiary)}.btn,.card-subtitle{font-size:var(--font-size-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-weight:600;line-height:1;text-decoration:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:var(--text-inverse);box-shadow:0 2px 8px rgba(220,38,38,.3)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));box-shadow:0 4px 12px rgba(220,38,38,.4);transform:translateY(-1px)}.open-btn:hover{background:var(--color-primary-500)!important;color:#fff!important;box-shadow:0 8px 20px rgba(239,68,68,.35)!important}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--color-gray-300)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn-icon{padding:var(--space-2);width:36px;height:36px}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input::placeholder{color:var(--text-tertiary)}.form-textarea{min-height:120px;resize:vertical}.form-helper{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--text-tertiary)}.form-error{color:var(--color-error)}.input-group{display:flex;gap:var(--space-2)}.input-group .form-input{flex:1 1}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.header-logo{gap:var(--space-3);font-size:var(--font-size-xl);color:var(--text-primary)}.header-logo,.header-logo-icon{display:flex;align-items:center;font-weight:700}.header-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--border-radius-md);justify-content:center;color:white}.header-nav{display:flex;align-items:center;gap:var(--space-1)}.header-nav-link{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.header-nav-link.active,.header-nav-link:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.mobile-toggle{display:none;width:48px;height:48px}.hero{position:relative;padding:var(--space-16) 0;background:linear-gradient(135deg,var(--color-primary-50) 0,var(--bg-primary) 100%);overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,var(--color-primary-100) 0,transparent 70%);border-radius:50%}.hero-content{position:relative;max-width:700px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary-700);background:var(--color-primary-100);border-radius:var(--border-radius-xl)}.hero-badge,.hero-title{margin-bottom:var(--space-4)}.hero-title{font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1}.hero-title-accent{color:var(--color-primary-600)}.hero-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-8)}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.section{padding:var(--space-16) 0}.section-header{text-align:center;max-width:600px;margin:0 auto var(--space-12)}.section-title{margin-bottom:var(--space-3)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.feature-card{text-align:center;padding:var(--space-8)}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-primary-50);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl)}.feature-title{margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.feature-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.contact-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)}.contact-flag{width:48px;height:32px;border-radius:var(--border-radius-sm);object-fit:cover;box-shadow:var(--shadow-sm)}.contact-info h4{margin:0 0 var(--space-1);font-size:var(--font-size-base)}.contact-info p{margin:0;font-size:var(--font-size-sm);color:var(--text-tertiary)}.progress{background:var(--color-gray-100);height:10px;overflow:hidden}.progress,.progress-inner{border-radius:var(--border-radius-xl)}.progress-inner{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));transition:width var(--transition-slow)}.progress-label{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:500}.dashboard{display:flex;min-height:calc(100vh - 72px)}.dashboard-sidebar{width:260px;background:var(--bg-primary);border-right:1px solid var(--border-color);padding:var(--space-6);position:-webkit-sticky;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto}.dashboard-main{flex:1 1;padding:var(--space-8);background:var(--bg-secondary)}.dashboard-nav{display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.dashboard-nav-link:hover{background:var(--color-gray-100);color:var(--text-primary)}.dashboard-nav-link.active{background:var(--color-primary-50);color:var(--color-primary-600)}.dashboard-nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.welcome-banner{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:white;padding:var(--space-8);border-radius:var(--border-radius-lg);margin-bottom:var(--space-6)}.welcome-banner h2{color:white;margin-bottom:var(--space-2)}.welcome-banner p{color:rgba(255,255,255,.85);margin:0}.task-list{flex-direction:column}.task-item,.task-list{display:flex;gap:var(--space-3)}.task-item{align-items:center;padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.task-item:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-sm)}.task-checkbox{width:24px;height:24px;border:2px solid var(--color-gray-300);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-item.completed .task-checkbox{background:var(--color-success);border-color:var(--color-success);color:white}.task-content{flex:1 1}.task-title{font-weight:500;margin-bottom:var(--space-1)}.task-item.completed .task-title{text-decoration:line-through;color:var(--text-tertiary)}.task-meta{color:var(--text-tertiary)}.badge,.task-meta{font-size:var(--font-size-xs)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-weight:600;border-radius:var(--border-radius-xl)}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-700)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}.stat-card{padding:var(--space-5)}.stat-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary-600);margin-bottom:var(--space-1)}.stat-label{font-size:var(--font-size-sm);color:var(--text-tertiary)}.footer{background:var(--color-gray-900);color:var(--color-gray-400);padding:var(--space-12) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);grid-gap:var(--space-8);gap:var(--space-8);margin-bottom:var(--space-8)}.footer-brand{font-size:var(--font-size-lg);font-weight:700;color:white;margin-bottom:var(--space-3)}.footer-description{font-size:var(--font-size-sm);line-height:1.7;margin:0}.footer-title{font-size:var(--font-size-sm);font-weight:600;color:white;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{font-size:var(--font-size-sm);color:var(--color-gray-400);transition:color var(--transition-fast)}.footer-links a:hover{color:white}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-gray-800);font-size:var(--font-size-sm);text-align:center}@media (max-width:768px){.footer-grid{grid-template-columns:1fr}}.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-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.w-full{width:100%}.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease forwards}@media (max-width:768px){.header-nav{display:none}.mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:var(--color-gray-100);border:1px solid var(--border-color);cursor:pointer;font-size:1.7rem;color:var(--text-primary)}.hero{padding:var(--space-10) 0}.hero:before{display:none}.hero-title{font-size:var(--font-size-3xl)}.dashboard{flex-direction:column}.dashboard-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border-color);padding:0}.dashboard-nav{flex-direction:row;overflow-x:auto;padding:var(--space-2);gap:var(--space-2)}.dashboard-nav-link{white-space:nowrap;flex-shrink:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}@media (max-width:480px){.container,.container-lg,.container-sm{padding-left:var(--space-4);padding-right:var(--space-4)}.header-inner{height:60px;gap:var(--space-2)}.header-logo{font-size:var(--font-size-lg)}.header-logo-icon{width:36px;height:36px}.header-actions{gap:var(--space-2)}.btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.hero{padding:var(--space-8) 0}.hero-title{font-size:1.6rem}.card{padding:var(--space-4);border-radius:var(--border-radius-md)}.form-input,.form-select,.form-textarea{padding:var(--space-3)}.avatar{width:32px!important;height:32px!important;font-size:.9rem}.mobile-toggle{display:inline-flex!important}.mobile-menu{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--space-6)}.mobile-menu-inner{width:100%;max-width:320px;background:var(--bg-primary);border-radius:var(--border-radius-md);padding:var(--space-6);box-shadow:var(--shadow-lg)}.mobile-menu .header-nav-link{display:block;padding:var(--space-3) 0;font-size:var(--font-size-lg)}.dashboard-main{padding:var(--space-4)}}