*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#0009;--text:#ededed;--muted:#a1a1aa;--border:#ffffff1a;--accent-1:#667eea;--accent-2:#764ba2;--accent-1-rgb:102,126,234;--accent-2-rgb:118,75,162;--glass:#ffffff0d}:is(.theme-transition,body,.header,.logo,.nav-links a,.login-box,.login-box input,.login-box button,.google-btn,.modal-content) .btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}:is(.theme-transition,body,.header,.logo,.nav-links a,.login-box,.login-box input,.login-box button,.google-btn,.modal-content) .btn-primary{background:linear-gradient(135deg,var(--accent-1)0%,var(--accent-2)100%);color:var(--on-accent,#fff)}:is(.theme-transition,body,.header,.logo,.nav-links a,.login-box,.login-box input,.login-box button,.google-btn,.modal-content) .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}:is(.theme-transition,body,.header,.logo,.nav-links a,.login-box,.login-box input,.login-box button,.google-btn,.modal-content) .btn-secondary{background:var(--glass,#ffffff0d);color:var(--text);border:1px solid var(--border)}:is(.theme-transition,body,.header,.logo,.nav-links a,.login-box,.login-box input,.login-box button,.google-btn,.modal-content) .btn-secondary:hover{background:var(--glass-hover,#ffffff0f)}:is(.theme-transition,body,.header,.logo,.nav-links a,.login-box,.login-box input,.login-box button,.google-btn,.modal-content) .btn-google{border:1px solid var(--border);background:var(--glass);width:100%;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;margin-bottom:20px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}:is(.theme-transition,body,.header,.logo,.nav-links a,.login-box,.login-box input,.login-box button,.google-btn,.modal-content) .btn-google:hover:not(:disabled){background:var(--glass-hover,#ffffff0f)}:is(.theme-transition,body,.header,.logo,.nav-links a,.login-box,.login-box input,.login-box button,.google-btn,.modal-content) .btn-ghost{color:var(--text);background:0 0;border:none}:is(.theme-transition,body,.header,.logo,.nav-links a,.login-box,.login-box input,.login-box button,.google-btn,.modal-content) .btn-link{color:var(--accent-1);background:0 0;border:none;padding:0}.theme-transition,body,.header,.logo,.nav-links a,.login-box,.login-box input,.login-box button,.google-btn,.modal-content{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s}.theme-dark{--bg:#0b0b0b;--surface:#0009;--text:#ededed;--muted:#a1a1aa;--border:#ffffff1a;--glass:#ffffff0d;--accent-1-rgb:102,126,234;--accent-2-rgb:118,75,162}.theme-light{--bg:#fff;--surface:#ffffffe6;--text:#111827;--muted:#6b7280;--border:#00000014;--glass:#00000008;--accent-1:#2563eb;--accent-2:#7c3aed;--accent-1-rgb:37,99,235;--accent-2-rgb:124,58,237}.theme-ocean{--bg:#071626;--surface:#031e3799;--text:#e6f6ff;--muted:#9fc9e8;--border:#ffffff0f;--glass:#ffffff08;--accent-1:#0af;--accent-2:#06c;--accent-1-rgb:0,170,255;--accent-2-rgb:0,102,204}.theme-forest{--bg:#07160a;--surface:#061e0c99;--text:#eaf6ea;--muted:#9fcf9f;--border:#ffffff0a;--glass:#ffffff05;--accent-1:#16a34a;--accent-2:#065f46;--accent-1-rgb:22,163,74;--accent-2-rgb:6,95,70}.theme-sunset{--bg:#1a0b0b;--surface:#1e0a0a99;--text:#fff5f3;--muted:#f7c6bf;--border:#ffffff0a;--glass:#ffffff05;--accent-1:#ff7a59;--accent-2:#ff3b3b;--accent-1-rgb:255,122,89;--accent-2-rgb:255,59,59}.theme-sunrise{--bg:#121212;--surface:#232323f2;--text:ivory;--muted:#9ca3af;--border:#dab96b26;--glass:#dab96b0d;--accent-1:#dab96b;--accent-2:#c9a857;--accent-1-rgb:218,185,107;--accent-2-rgb:201,168,87}.theme-midnight{--bg:#020214;--surface:#020214b3;--text:#e6eefc;--muted:#9aa7d1;--border:#ffffff08;--glass:#ffffff05;--accent-1:#4f46e5;--accent-2:#06b6d4;--accent-1-rgb:79,70,229;--accent-2-rgb:6,182,212}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.header{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;padding:1rem 0;position:sticky;top:0;overflow:visible}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;overflow:visible}.logo{color:var(--text);font-size:1.8rem;font-weight:600;text-decoration:none}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--muted);border-radius:8px;padding:.5rem 1rem;font-weight:400;text-decoration:none;transition:all .2s;position:relative}.nav-links a:hover{color:var(--text);background:var(--glass)}.user-menu{align-items:center;gap:1rem;display:flex}.welcome-container{text-align:center;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome-title{background:linear-gradient(135deg,var(--accent-1)0%,var(--accent-2)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:700;animation:1s ease-out fadeInUp}.welcome-subtitle{color:#a1a1aa;font-size:1.2rem;font-weight:400;animation:1s ease-out .2s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}body:before{content:"";z-index:1;pointer-events:none;background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:fixed;top:0;left:0}@media (max-width:768px){.nav-container{padding:0 1rem}.nav-links{display:none}.welcome-title{font-size:2.5rem}.welcome-subtitle{font-size:1rem}}.login-container{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:20px;display:flex}.login-box{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 8px 32px #00000040}.login-box h2{text-align:center;color:var(--text);margin-bottom:24px;font-size:1.5rem;font-weight:600}.login-box input{background:var(--glass);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;margin-bottom:16px;padding:12px 16px;font-size:14px;transition:all .2s}.login-box input:focus{border-color:#667eea80}.login-box input::placeholder{color:var(--muted)}.login-box button[type=submit]{background:linear-gradient(135deg,var(--accent-1)0%,var(--accent-2)100%);width:100%;color:var(--text);cursor:pointer;border:none;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.login-box button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.google-btn{color:#ededed;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:20px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.divider{text-align:center;color:#a1a1aa;margin:20px 0;font-size:14px;font-weight:500}.error-message{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.success-message{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.google-btn{border:1px solid var(--border);background:var(--glass);width:100%;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;margin-bottom:20px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.google-btn:hover:not(:disabled){background:#ffffff0f}button:disabled{opacity:.6;cursor:not-allowed}.user-menu{align-items:center;display:flex;position:relative}.dropdown-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:transform .2s;display:flex}.dropdown-toggle:hover{transform:scale(1.05)}.dropdown-toggle img{object-fit:cover;border:2px solid #0000;border-radius:50%;width:40px;height:40px;transition:all .3s}.dropdown-toggle:hover img{border-color:rgba(var(--accent-1-rgb),.6);box-shadow:0 0 12px rgba(var(--accent-1-rgb),.4)}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;background-color:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:8px;min-width:160px;margin-top:8px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 16px #0006}.dropdown-menu.show{display:block!important}.dropdown-menu a{color:#ededed;padding:12px 16px;text-decoration:none;transition:background-color .2s;display:block}.dropdown-menu a:hover{background-color:#ffffff1a}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000c;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;width:90%;max-width:500px;max-height:85vh;padding:32px;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000073}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.modal-header h2{color:#ededed;margin:0;font-size:1.5rem;font-weight:600}.close-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;line-height:1;transition:all .2s;display:flex}.close-btn:hover{color:#ededed;background:#ffffff1a}.form-group{margin-bottom:20px}.form-group label{color:#ededed;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group textarea{color:#ededed;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#667eea80}.form-group input::placeholder,.form-group textarea::placeholder{color:#71717a}.form-group input:disabled{opacity:.5;cursor:not-allowed}.modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{color:#ededed;background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff14}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.settings-section{border-bottom:1px solid #ffffff1a;margin-bottom:32px;padding-bottom:24px}.settings-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section-title{color:#ededed;align-items:center;gap:8px;margin-bottom:20px;font-size:1.1rem;font-weight:600;display:flex}.theme-select{color:#ededed;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.theme-select:focus{background:#ffffff14;border-color:#667eea80}.theme-select option{color:#ededed;background:#1a1a1a;padding:12px}.setting-description{color:#71717a;margin-top:8px;font-size:12px;line-height:1.4}.form-group-checkbox{margin-bottom:20px}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-1);flex-shrink:0;margin-top:2px}.checkbox-label span{color:#ededed;font-size:14px;font-weight:500}.form-group-checkbox .setting-description{margin-top:4px;margin-left:32px}@media (max-width:768px){.modal-content{width:95%;max-height:90vh;padding:24px}.modal-header h2{font-size:1.25rem}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.settings-section-title{font-size:1rem}}.dashboard-container{z-index:10;max-width:1400px;margin:0 auto;padding:3rem 2rem;position:relative}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-header h1{background:linear-gradient(135deg,var(--accent-1)0%,var(--accent-2)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.dashboard-header p{color:var(--muted);font-size:1.1rem}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.analytics-tile{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden}.tile-icon{margin-bottom:1rem;font-size:2.5rem;display:inline-block}.tile-content{flex-direction:column;gap:.5rem;display:flex}.tile-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.9rem;font-weight:500}.tile-value{color:var(--text);background:linear-gradient(135deg,var(--text)0%,var(--muted)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;line-height:1}.tile-subtitle{color:var(--muted);margin:0;font-size:.85rem}.tile-trend{color:var(--accent-1);border-top:1px solid var(--border);margin:0;padding-top:.5rem;font-size:.8rem;font-weight:500}.quick-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.quick-actions h2{color:#ededed;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.action-buttons{flex-wrap:wrap;gap:1rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.75rem;min-width:200px;padding:1.2rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.action-btn.primary{background:linear-gradient(135deg,var(--accent-1)0%,var(--accent-2)100%);color:var(--text);box-shadow:0 4px 16px rgba(var(--accent-1-rgb),.15)}.action-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #667eea80}.action-btn.secondary{background:var(--glass);color:var(--text);border:1px solid var(--border)}.action-btn.secondary:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-3px)}.btn-icon{font-size:1.5rem}@media (max-width:1024px){.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.dashboard-container{padding:2rem 1rem}.dashboard-header h1{font-size:2rem}.analytics-grid{grid-template-columns:1fr;gap:1rem}.action-buttons{flex-direction:column}.action-btn{min-width:100%}.tile-value{font-size:2rem}}.toggle-text{text-align:center;color:var(--muted);margin-top:8px;font-size:14px}.toggle-btn{color:var(--accent-1);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0 2px 0 0;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.toggle-btn:after{content:"";background:linear-gradient(135deg,var(--accent-1)0%,var(--accent-2)100%);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.toggle-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-1)0%,var(--accent-2)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.toggle-btn:hover:not(:disabled):after{width:100%}