:root{--color-primary:#2563eb;--color-secondary:#2563eb;--color-accent:#ff6b6b;--bg-primary:#0a0a0a;--bg-secondary:#151515;--bg-tertiary:#1a1a1a;--bg-card:#ffffff0d;--bg-card-hover:#ffffff14;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--text-inverse:#000;--border-primary:#ffffff1a;--border-secondary:#fff3;--border-accent:#2563eb4d;--header-height:60px;--nav-height:70px;--nav-height-compact:50px;--footer-height:80px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:36px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-base:1.5;--line-height-relaxed:1.6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:50%;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--gradient-primary:linear-gradient(135deg,var(--color-primary),var(--color-secondary));--gradient-card:linear-gradient(135deg,#2563eb1a,#2563eb1a);--gradient-text:linear-gradient(135deg,var(--text-primary),var(--text-secondary));--backdrop-blur:blur(10px)}*{box-sizing:border-box;margin:0;padding:0}.dashboard-app{background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family-primary);font-size:16px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-base);min-height:100vh;overflow-x:hidden;position:relative}#particle-canvas{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.global-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:#151515;background:var(--bg-secondary);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-primary);display:flex;height:60px;height:var(--header-height);justify-content:space-between;left:0;padding:0 24px;padding:0 var(--spacing-lg);position:fixed;right:0;top:0;transition:transform .3s ease;transition:transform var(--transition-base);z-index:300;z-index:var(--z-fixed)}.global-header.hidden{transform:translateY(-100%)}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#2563eb);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:24px;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold)}.header-actions{gap:16px;gap:var(--spacing-md)}.header-actions,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#2563eb,#2563eb);background:var(--gradient-primary);border-radius:50%;border-radius:var(--radius-full);cursor:pointer;font-weight:700;font-weight:var(--font-weight-bold);height:36px;justify-content:center;transition:transform .15s ease;transition:transform var(--transition-fast);width:36px}.user-avatar:hover{transform:scale(1.1)}.navigation{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-primary);display:flex;height:70px;height:var(--nav-height);left:0;padding:0 24px;padding:0 var(--spacing-lg);position:fixed;right:0;top:60px;top:var(--header-height);transition:all .3s ease;transition:all var(--transition-base);z-index:200;z-index:var(--z-sticky)}.navigation,.navigation.compact{background:#1a1a1a;background:var(--bg-tertiary)}.navigation.compact{height:50px;height:var(--nav-height-compact);top:0}.nav-menu{display:flex;gap:32px;gap:var(--spacing-xl);list-style:none}.nav-item,.nav-link{position:relative}.nav-link{border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;font-size:16px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .3s ease;transition:all var(--transition-base)}.nav-link:hover{background:#ffffff0d;background:var(--bg-card)}.nav-link.active,.nav-link:hover{color:#2563eb;color:var(--color-primary)}.nav-link.active{background:linear-gradient(135deg,#2563eb1a,#2563eb1a);background:var(--gradient-card)}.nav-link.active:after{background:#2563eb;background:var(--color-primary);border-radius:50%;border-radius:var(--radius-full);bottom:-24px;bottom:calc(var(--spacing-lg)*-1);content:"";height:4px;height:var(--spacing-xs);left:50%;position:absolute;transform:translateX(-50%);width:4px;width:var(--spacing-xs)}.main-content{margin-bottom:80px;margin-bottom:var(--footer-height);margin-top:130px;margin-top:calc(var(--header-height) + var(--nav-height));min-height:calc(100vh - 210px);min-height:calc(100vh - var(--header-height) - var(--nav-height) - var(--footer-height));padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg);position:relative;transition:margin-top .3s ease;transition:margin-top var(--transition-base);z-index:2}.main-content.compact{margin-top:50px;margin-top:var(--nav-height-compact)}.content-container{margin:0 auto;max-width:1400px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ccc);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-size:32px;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2;line-height:var(--line-height-tight);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.page-subtitle{color:#888;color:var(--text-muted);font-size:16px;font-size:var(--font-size-base);line-height:1.6;line-height:var(--line-height-relaxed)}.dashboard-grid,.page-subtitle{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.dashboard-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-card{-webkit-backdrop-filter:blur(25px) saturate(1.8);backdrop-filter:blur(25px) saturate(1.8);background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff05);border:1px solid #ffffff40;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000040,0 2px 8px #00000026,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #ffffff1a;overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:all .3s ease;transition:all var(--transition-base)}.dashboard-card:before{background:linear-gradient(90deg,#0000,#2563ebcc 20%,#2563eb 50%,#2563ebcc 80%,#0000);border-radius:20px 20px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;transition:opacity var(--transition-base)}.dashboard-card:hover{-webkit-backdrop-filter:blur(30px) saturate(2);backdrop-filter:blur(30px) saturate(2);background:linear-gradient(135deg,#fff3,#ffffff1a 50%,#2563eb0d);border:1px solid #2563eb99;box-shadow:0 20px 60px #0000004d,0 5px 20px #0003,0 0 30px #2563eb33,inset 0 1px 0 #fff6,inset 0 -1px 0 #2563eb33;transform:translateY(-8px) scale(1.02)}.dashboard-card:hover:before{opacity:1}.card-title{color:#fff;color:var(--text-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:16px;margin-bottom:var(--spacing-md)}.card-content{color:#ccc;color:var(--text-secondary);font-size:16px;font-size:var(--font-size-base);line-height:1.6;line-height:var(--line-height-relaxed)}.card-metric{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#2563eb);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:36px;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2;line-height:var(--line-height-tight);margin:16px 0 8px;margin:var(--spacing-md) 0 var(--spacing-sm)}.quick-actions{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);margin:32px 0;margin:var(--spacing-xl) 0}.action-button{background:linear-gradient(135deg,#2563eb1a,#2563eb1a);background:var(--gradient-card);border:1px solid #2563eb4d;border:1px solid var(--border-accent);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;font-size:16px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all .3s ease;transition:all var(--transition-base)}.action-button:hover{background:linear-gradient(135deg,#2563eb33,#2563eb33);border-color:#2563eb80;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.global-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:#0a0a0a;background:var(--bg-primary);border-top:1px solid #ffffff1a;border-top:1px solid var(--border-primary);bottom:0;display:flex;height:80px;height:var(--footer-height);justify-content:space-between;left:0;padding:0 24px;padding:0 var(--spacing-lg);position:fixed;right:0;z-index:300;z-index:var(--z-fixed)}.footer-info{color:#888;color:var(--text-muted);font-size:14px;font-size:var(--font-size-sm)}.footer-links{display:flex;gap:24px;gap:var(--spacing-lg)}.footer-link{color:#888;color:var(--text-muted);cursor:pointer;font-size:14px;font-size:var(--font-size-sm);text-decoration:none;transition:color .3s ease;transition:color var(--transition-base)}.footer-link:hover{color:#2563eb;color:var(--color-primary)}.highlight-text{color:#2563eb}.chart-card{grid-column:span 2}.chart-container{height:300px;margin-top:16px;margin-top:var(--spacing-md);width:100%}.tip-box{background:#2563eb1a;border-left:4px solid #2563eb;border-radius:12px;margin:32px 0;padding:24px}@media (max-width:768px){.chart-card{grid-column:span 1}}.tip-title{color:#2563eb;margin-bottom:12px}@media (max-width:768px){.global-header,.navigation{padding:0 16px;padding:0 var(--spacing-md)}.navigation.compact{height:45px}.nav-menu{gap:16px;gap:var(--spacing-md);overflow-x:auto;padding-bottom:8px;padding-bottom:var(--spacing-sm)}.main-content{padding:24px 16px;padding:var(--spacing-lg) var(--spacing-md)}.main-content.compact{margin-top:45px}.dashboard-grid{grid-template-columns:1fr}.global-footer,.quick-actions{flex-direction:column}.global-footer{gap:8px;gap:var(--spacing-sm);height:auto;padding:16px;padding:var(--spacing-md)}.main-content{margin-bottom:120px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}form{grid-gap:1.5rem;align-items:start;background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:2rem auto;max-width:600px;padding:2rem}input[type=email],input[type=text],select,textarea{background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px 12px #00000014;color:#333;font-size:1rem;padding:1rem 1.2rem;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}textarea{line-height:1.6;min-height:120px;resize:vertical}input[type=email]:focus,input[type=text]:focus,select:focus,textarea:focus{background-color:#f0f8ff;box-shadow:0 6px 16px #61dafb66;outline:none}button{background-color:#61dafb;border:none;border-radius:10px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 1.5rem;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}button:hover{background-color:#21a1f1;box-shadow:0 6px 16px #0000001f}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:400;z-index:var(--z-modal-backdrop)}.modal-content{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);background:linear-gradient(145deg,#181c22,#1e232b);background-blend-mode:overlay;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 0 0 1px #ffffff0d,0 16px 40px #00000073,inset 0 1px 0 #ffffff0d;color:#f0f0f0;max-width:600px;padding:2rem;width:90%}.modal-content input,.modal-content textarea{border:1px solid #ffffff1a;border-radius:8px;box-shadow:inset 0 1px 3px #ffffff0d;font-size:1rem;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:12px;width:100%}.modal-content textarea{min-height:60px;resize:vertical}.modal-content form{background:none;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:0}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006}
/*# sourceMappingURL=main.a97395ea.css.map*/