@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--secondary-50:#faf5ff;--secondary-100:#f3e8ff;--secondary-200:#e9d5ff;--secondary-300:#d8b4fe;--secondary-400:#c084fc;--secondary-500:#a855f7;--secondary-600:#9333ea;--secondary-700:#7e22ce;--secondary-800:#6b21a8;--secondary-900:#581c87;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--dark-bg:#0a0e1a;--dark-surface:#131827;--dark-surface-elevated:#1a2035;--dark-border:#2d3548;--dark-text:#e5e7eb;--dark-text-secondary:#9ca3af;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl: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 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}body{background:linear-gradient(135deg,var(--dark-bg)0%,#0f1729 100%);color:var(--dark-text);min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-surface)}::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}h1,h2,h3,h4,h5,h6{color:var(--dark-text);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:2.5rem}h2{letter-spacing:-.01em;font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--dark-text-secondary);line-height:1.6}.glass-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:all var(--transition-base);background:#1a2035b3;border:1px solid #ffffff1a}.glass-card:hover{box-shadow:var(--shadow-2xl);border-color:#ffffff26;transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";width:0;height:0;transition:width var(--transition-base),height var(--transition-base);background:#ffffff1a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-700),var(--primary-800));transform:translateY(-2px);box-shadow:0 8px 16px #0ea5e94d}.btn-secondary{background:linear-gradient(135deg,var(--secondary-600),var(--secondary-700));color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,var(--secondary-700),var(--secondary-800));transform:translateY(-2px);box-shadow:0 8px 16px #a855f74d}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 16px #ef44444d}.btn-ghost{color:var(--dark-text);border:1px solid var(--dark-border);background:0 0}.btn-ghost:hover{background:var(--dark-surface-elevated);border-color:var(--gray-600)}.input{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-md);color:var(--dark-text);transition:all var(--transition-fast);font-size:.875rem}.input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #0ea5e91a}.input::placeholder{color:var(--dark-text-secondary)}.select{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-md);color:var(--dark-text);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.select:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #0ea5e91a}.label{color:var(--dark-text);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500;display:block}.badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#10b9811a}.badge-warning{color:var(--warning);background:#f59e0b1a}.badge-error{color:var(--error);background:#ef44441a}.badge-info{color:var(--info);background:#3b82f61a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-base)ease-out}.animate-slide-in{animation:slideIn var(--transition-base)ease-out}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.container{width:100%;max-width:1400px;padding:0 var(--spacing-lg);margin:0 auto}.grid{gap:var(--spacing-lg);display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.btn-icon{padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--dark-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--dark-surface-elevated);color:var(--dark-text)}.mobile-menu-btn{z-index:1060;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--radius-md);width:44px;height:44px;color:var(--dark-text);cursor:pointer;transition:all var(--transition-fast);display:none;position:fixed;top:1rem;left:1rem}.mobile-menu-btn:hover{background:var(--dark-surface-elevated);border-color:var(--primary-500)}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:1023px){.container{padding:0 var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (max-width:767px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.hide-mobile{display:none!important}.show-mobile{display:block!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.container{padding:0 var(--spacing-sm)}.btn{min-height:44px;padding:var(--spacing-md)var(--spacing-lg)}.input,.select{min-height:44px;font-size:1rem}.glass-card{padding:var(--spacing-md)}.modal-mobile-full{overflow-y:auto;border-radius:0!important;width:100%!important;max-width:100%!important;height:100vh!important;position:fixed!important;inset:0!important;transform:none!important}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-width:600px}}@media (max-width:479px){h1{font-size:1.5rem}h2{font-size:1.125rem}.btn{font-size:.8125rem}}@media (min-width:768px) and (max-width:1023px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.hide-desktop{display:none!important}.show-desktop{display:block!important}.main-content{margin-left:280px}}@media (max-width:1023px){.main-content{margin-left:0;padding:5rem 1rem 2rem!important}}@media (max-width:767px){.main-content{padding:5rem .5rem 1rem!important}}