:root{--bg-primary:#0a0a1a;--bg-secondary:#0f0f23;--bg-tertiary:#1a1a2e;--bg-glass:rgba(15,15,35,0.8);--bg-hover:rgba(255,255,255,0.05);--text-primary:#ffffff;--text-secondary:#a0a9c0;--text-muted:#6b7280;--border-color:rgba(255,255,255,0.1);--border-hover:rgba(255,255,255,0.2);--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.712);--shadow-lg:0 10px 15px rgba(0,0,0,0.849);--shadow-xl:0 20px 25px rgba(0,0,0,0.1)}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);line-height:1.6}.dashboard,body{background:linear-gradient(135deg,#0a0a1a,#1a1a2e);min-height:100dvh;overflow-x:hidden}.dashboard{width:100%;display:flex;flex-direction:column}.dashboard-layout{display:flex;flex:1;min-height:calc(100dvh - 80px);width:100%;max-width:100%;overflow:visible}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.config-btn{background:var(--primary-gradient);color:white;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.config-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease-in-out}.config-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.config-btn:hover:before{left:100%}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;width:100%;background:linear-gradient(135deg,#0a0a1a,#1a1a2e)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--primary-color,#667eea);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0}.main-content canvas,.main-content img,.main-content svg,.main-content table,.main-content video{max-width:100%}.dashboard-error{display:flex;align-items:center;justify-content:center;min-height:100dvh;width:100%;background:linear-gradient(135deg,#0a0a1a,#1a1a2e)}.error-message{text-align:center;color:var(--text-primary);font-size:1.125rem}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}