@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--canvas:#07080a;--surface:#0d0d0d;--surface-elevated:#101111;--surface-card:#121212;--ink:#f4f4f6;--body:#cdcdcd;--charcoal:#d3d3d4;--mute:#9c9c9d;--ash:#6a6b6c;--stone:#434345;--on-dark:#fff;--on-dark-mute:#ffffffb8;--hairline:#242728;--hairline-soft:#ffffff14;--hairline-strong:#ffffff29;--primary:#fff;--primary-pressed:#e8e8e8;--on-primary:#000;--accent-blue:#57c1ff;--accent-blue-soft:#57c1ff26;--accent-red:#ff6161;--accent-red-soft:#ff616126;--accent-green:#59d499;--accent-green-soft:#59d49926;--accent-yellow:#ffc533;--accent-yellow-soft:#ffc53326;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:16px;--radius-full:9999px;--space-xxs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--space-section:96px;--sidebar-width:260px;--navbar-height:56px;--transition-fast:all .15s ease;--transition-smooth:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--canvas);color:var(--body);font-family:var(--font-sans);font-feature-settings:"calt", "kern", "liga", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--ink);letter-spacing:.2px;font-feature-settings:"calt", "kern", "liga", "ss03";font-weight:500;line-height:1.15}h1{letter-spacing:0;font-size:28px;font-weight:600;line-height:1.1}h2{font-size:22px}h3{font-size:20px;line-height:1.4}h4{font-size:18px;line-height:1.4}p{color:var(--body);line-height:1.6}a{color:var(--on-dark);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--body)}small,.text-sm{letter-spacing:0;font-size:14px;font-weight:400;line-height:1.6}.caption{letter-spacing:.1px;font-size:13px;font-weight:400;line-height:1.4}.caption-sm{letter-spacing:.4px;color:var(--mute);font-size:12px;font-weight:400;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--stone)}.surface{background:var(--surface);border:1px solid var(--hairline)}.surface-elevated{background:var(--surface-elevated);border:1px solid var(--hairline)}.surface-card{background:var(--surface-card);border:1px solid var(--hairline)}.btn{border-radius:var(--radius-md);height:36px;font-family:var(--font-sans);letter-spacing:.2px;font-feature-settings:"calt", "kern", "liga", "ss03";cursor:pointer;transition:var(--transition-fast);color:var(--on-dark);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.6;display:inline-flex}.btn-primary{background:var(--primary);color:var(--on-primary);border:none}.btn-primary:hover,.btn-primary:active{background:var(--primary-pressed)}.btn-secondary{border:1px solid var(--hairline);background:0 0}.btn-secondary:hover{border-color:var(--hairline-strong);color:var(--on-dark)}.btn-tertiary{background:var(--surface-elevated);border:1px solid var(--hairline)}.btn-tertiary:hover{border-color:var(--hairline-strong)}.btn-danger{background:var(--accent-red-soft);color:var(--accent-red);border:1px solid #0000}.btn-danger:hover{background:#ff616140}.btn-disabled{background:var(--surface-elevated);color:var(--ash);cursor:not-allowed;pointer-events:none}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--mute);background:0 0;border:none;padding:0}.btn-icon:hover{color:var(--on-dark);background:var(--surface-elevated)}.form-group{width:100%;margin-bottom:20px}.form-label{letter-spacing:.2px;color:var(--body);font-size:14px;font-weight:500;line-height:1.6;font-family:var(--font-sans);margin-bottom:8px;display:block}.form-control{background:var(--surface-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);width:100%;height:36px;color:var(--on-dark);font-family:var(--font-sans);transition:var(--transition-fast);padding:8px 12px;font-size:16px;font-weight:400;line-height:1.6}.form-control:focus{border-color:var(--hairline-strong);outline:none}.form-control::placeholder{color:var(--ash)}textarea.form-control{height:auto;min-height:80px;padding:12px}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239c9c9d' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-xl);transition:var(--transition-fast)}.card-elevated{background:var(--surface-elevated);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-xl)}.card-sm{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-lg)}.card:hover{border-color:var(--hairline-strong)}.badge{border-radius:var(--radius-xs);letter-spacing:.4px;font-size:12px;font-weight:400;line-height:1.5;font-family:var(--font-sans);align-items:center;padding:2px 8px;display:inline-flex}.badge-success{background:var(--accent-green-soft);color:var(--accent-green)}.badge-pending{background:var(--accent-yellow-soft);color:var(--accent-yellow)}.badge-error{background:var(--accent-red-soft);color:var(--accent-red)}.badge-info{background:var(--accent-blue-soft);color:var(--accent-blue)}.badge-pro{background:var(--surface-elevated);color:var(--on-dark-mute);padding:2px 6px;font-size:12px}.pill-tab{border-radius:var(--radius-full);letter-spacing:0;color:var(--body);cursor:pointer;transition:var(--transition-fast);font-size:14px;font-weight:400;line-height:1.6;font-family:var(--font-sans);background:0 0;border:none;align-items:center;padding:4px 10px;display:inline-flex}.pill-tab:hover{color:var(--on-dark)}.pill-tab-active{background:var(--surface-elevated);color:var(--on-dark)}.grid-cols-2{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.grid-cols-3{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.grid-cols-4{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.dashboard-grid{gap:var(--space-xl);grid-template-columns:2fr 1fr;display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressBar{0%{width:0%}}.animate-fade{animation:.2s ease-out forwards fadeIn}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.loading-spinner{border:2px solid var(--hairline);border-top-color:var(--mute);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.loading-spinner-lg{border-width:3px;width:36px;height:36px}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-elevated) 50%, var(--surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:72px;right:20px}.toast{border-radius:var(--radius-md);letter-spacing:.2px;background:var(--surface-elevated);border:1px solid var(--hairline);align-items:center;gap:10px;min-width:280px;max-width:400px;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.6;animation:.2s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex}.toast-success{border-color:var(--accent-green);color:var(--accent-green)}.toast-error{border-color:var(--accent-red);color:var(--accent-red)}.toast-warning{border-color:var(--accent-yellow);color:var(--accent-yellow)}.toast-info{border-color:var(--accent-blue);color:var(--accent-blue)}.skip-to-content{background:var(--surface-elevated);color:var(--on-dark);border-radius:var(--radius-md);z-index:9999;border:1px solid var(--hairline);padding:12px 24px;font-weight:500;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-to-content:focus{top:8px}:focus-visible{outline:1px solid var(--hairline-strong);outline-offset:2px;border-radius:var(--radius-xs)}.keycap{background:var(--surface-card);height:20px;color:var(--body);border-radius:var(--radius-xs);letter-spacing:.1px;font-size:13px;font-weight:400;line-height:1.4;font-family:var(--font-sans);align-items:center;padding:1px 6px;display:inline-flex}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.container-padding{padding-left:5%;padding-right:5%}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)!important}.dashboard-grid{grid-template-columns:1fr!important}:root{--space-section:64px}.hide-tablet{display:none!important}}@media (width<=768px){.grid-cols-3,.grid-cols-2,.grid-cols-4{gap:var(--space-lg);grid-template-columns:1fr}.hide-tablet{display:none!important}:root{--space-section:48px}h3{font-size:18px!important}h4{font-size:16px!important}}@media (width<=640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr!important}.hide-mobile{display:none!important}.touch-target{min-width:44px;min-height:44px}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:17px!important}h4{font-size:15px!important}body{font-size:15px}.container-padding{padding-left:4%;padding-right:4%}}