:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-gradient:linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);--secondary-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--danger-gradient:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--warning-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--bg-app:#f8fafc;--bg-surface:#ffffffd9;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--text-success:#059669;--text-warning:#d97706;--text-danger:#dc2626;--glass-bg:#ffffffd9;--glass-border:#0f172a14;--glass-shadow:0 8px 32px 0 #94a3b814, 0 1px 3px 0 #00000005;--glass-blur:blur(24px);--sub-card-bg:#0f172a05;--sub-card-border:#0f172a0a;--input-bg:#fff;--input-border:#0f172a1f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-card:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-container{flex-direction:column;min-height:100vh;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-shadow);transition:transform .2s,box-shadow .2s}.glass-card:hover{box-shadow:0 12px 40px #3b82f614}.sub-card{background:var(--sub-card-bg);border:1px solid var(--sub-card-border);border-radius:var(--radius-md)}.nav-header{border-bottom:1px solid var(--glass-border);background:var(--glass-bg);height:64px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:100;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.logo{letter-spacing:.05em;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:flex}.btn-premium{border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn-premium:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #2563eb40}.btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.btn-success{background:var(--secondary-gradient);color:#fff;box-shadow:0 4px 12px #10b98140}.btn-success:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.btn-danger{background:var(--danger-gradient);color:#fff;box-shadow:0 4px 12px #ef444440}.btn-danger:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 16px #ef444459}.btn-warning{background:var(--warning-gradient);color:#fff;box-shadow:0 4px 12px #f59e0b40}.btn-warning:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b59}.btn-gray{color:#fff;background:linear-gradient(135deg,#64748b 0%,#475569 100%);border:none;box-shadow:0 4px 12px #64748b40}.btn-gray:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 16px #64748b59}.btn-outline{color:var(--text-main);border:1px solid var(--input-border);background:#fffc;box-shadow:0 1px 3px #00000005}.btn-outline:hover:not(:disabled){color:var(--primary);border-color:var(--primary);background:#fff;transform:translateY(-1px)}@keyframes pulseGlow{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}.pulse-anim{animation:2s infinite pulseGlow}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f172a40}