@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--green:#12d489;--green-hover:#0fbf7a;--green-light:#12d4891f;--green-glow:0 0 30px #12d48940;--bg-white:#fff;--bg-light:#f7fafc;--bg-gray:#f3f6f9;--bg-dark:#1d1f22;--bg-darker:#151618;--bg-card:#fff;--bg-input:#f3f6f9;--text-primary:#2d3748;--text-secondary:#718096;--text-muted:#a0aec0;--text-white:#fff;--text-green:#12d489;--border-color:#e2e8f0;--border-light:#ffffff14;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:40px;--radius-pill:100px;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-nav:0 4px 20px #0000000f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:40px;--font-size-5xl:48px;--font-size-hero:56px;--success:#12d489;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;--max-width:1280px;--nav-height:80px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-white);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-family);border:none;outline:none}img{max-width:100%;height:auto}ul,ol{list-style:none}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-base)}h1{font-size:var(--font-size-5xl);font-weight:800;line-height:1.15}h2{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2}h3{font-size:var(--font-size-3xl);font-weight:700;line-height:1.25}h4{font-size:var(--font-size-2xl);font-weight:600;line-height:1.3}h5{font-size:var(--font-size-xl);font-weight:600;line-height:1.4}h6{font-size:var(--font-size-lg);font-weight:600;line-height:1.5}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-pill);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-base);white-space:nowrap;padding:14px 32px;display:inline-flex}.btn-primary{background:var(--green);color:var(--text-white)}.btn-primary:hover{background:var(--green-hover);box-shadow:var(--green-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-gray);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.btn-outline{color:var(--text-primary);border:2px solid var(--border-color);background:0 0}.btn-outline:hover{border-color:var(--green);color:var(--green)}.btn-sm{font-size:var(--font-size-sm);padding:10px 20px}.btn-lg{font-size:var(--font-size-lg);padding:18px 40px}.btn-icon{border-radius:var(--radius-md);background:var(--bg-gray);justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex}.btn-icon:hover{background:var(--border-color)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-lg{border-radius:var(--radius-xl);padding:var(--space-2xl)}.input{background:var(--bg-input);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-base);color:var(--text-primary);transition:all var(--transition-fast);border:2px solid #0000;padding:14px 18px}.input:focus{border-color:var(--green);background:var(--bg-white);outline:none}.input::placeholder{color:var(--text-muted)}.input-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:500;display:block}.input-group{margin-bottom:var(--space-md)}.badge{border-radius:var(--radius-pill);font-size:var(--font-size-xs);align-items:center;padding:4px 12px;font-weight:600;display:inline-flex}.badge-success{color:var(--green);background:#12d4891f}.badge-error{color:var(--error);background:#ef44441f}.badge-warning{color:var(--warning);background:#f59e0b1f}.badge-info{color:var(--info);background:#3b82f61f}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-light);border-bottom:1px solid var(--border-color);padding:14px 18px;font-weight:600}.table td{font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color);padding:14px 18px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-light)}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border-color)}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.stat-card .stat-value{font-size:var(--font-size-3xl);font-weight:700}.stat-card .stat-change{font-size:var(--font-size-sm);margin-top:var(--space-xs);font-weight:500}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-gray) 25%, var(--bg-light) 50%, var(--bg-gray) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@media (max-width:1024px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}}@media (max-width:768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.container{padding:0 var(--space-md)}}@media (max-width:480px){h1{font-size:var(--font-size-2xl)}}