@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #fffaf9;--bg-secondary: #f8fafc;--text-color: #64748b;--heading-color: #1e293b;--button-bg: #f8fafc;--button-hover: #e2e8f0;--button-border: #cbd5e1;--th-bg: #f9f9f9;--link-hover: #2563eb}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-color: #e2e8f0;--heading-color: #f1f5f9;--button-bg: #334155;--button-hover: #475569;--button-border: #475569;--th-bg: #1e293b;--link-hover: #60a5fa}canvas{--chart-axis-color: #FFFFFF !important}}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-color)}h1{font-size:3.2em;line-height:1.1;color:var(--heading-color)}button{border-radius:8px;border:1px solid var(--button-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--text-color);cursor:pointer;transition:all .25s ease}button:hover{background-color:var(--button-hover)}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.card{padding:2em;background-color:var(--bg-secondary)}#app{width:100%;text-align:center}a:hover{color:var(--link-hover)}th{background-color:var(--th-bg)}.menu-bar[data-v-47f73a5b]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000001a;border-bottom:1px solid var(--border-color)}.logo[data-v-47f73a5b]{font-weight:700;font-size:20px;display:flex;align-items:center;gap:16px}.menu-actions[data-v-47f73a5b]{display:flex;gap:16px;align-items:center}.account-button[data-v-47f73a5b]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #3b82f64d}.account-button[data-v-47f73a5b]:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.account-button.has-account[data-v-47f73a5b]{background:var(--bg-secondary);color:var(--text-color);box-shadow:0 2px 5px #0000001a;border:1px solid var(--border-color)}.account-button.has-account[data-v-47f73a5b]:hover{background:var(--table-hover);border-color:var(--primary-color)}.plus-icon[data-v-47f73a5b]{font-size:18px;font-weight:700}.account-icon[data-v-47f73a5b]{font-size:16px}@media (prefers-color-scheme: dark){.menu-bar[data-v-47f73a5b]{--menu-bg: #111827;box-shadow:0 1px 3px #0003}.account-button.has-account[data-v-47f73a5b]{--account-bg: #1e293b;--account-text: #f8fafc;--account-hover: #334155}}@media (max-width: 600px){.menu-bar[data-v-47f73a5b]{padding:12px 16px}.button-text[data-v-47f73a5b]{display:none}.account-button[data-v-47f73a5b]{padding:8px}}.login-container[data-v-56daf875]{max-width:480px;margin:0 auto;padding:0;text-align:center}.content-card[data-v-56daf875]{background:var(--card-bg, #ffffff);border-radius:16px;box-shadow:0 10px 30px #0000000f;padding:32px;margin-top:0;transition:all .3s ease;border:1px solid var(--card-border, rgba(0, 0, 0, .03));position:relative;overflow:hidden}.content-card[data-v-56daf875]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--primary-color, #3b82f6),var(--success-color, #10b981));opacity:.8}@media (prefers-color-scheme: dark){.content-card[data-v-56daf875]{--card-bg: #1a1c20;box-shadow:0 8px 30px #0003}}h2[data-v-56daf875]{margin-top:0;font-size:24px;font-weight:700;color:var(--heading-color, #1a1c20)}.step-description[data-v-56daf875]{color:var(--text-color, #64748b);margin-bottom:24px;font-size:16px}.step-content[data-v-56daf875]{display:flex;flex-direction:column;gap:24px;animation:fadeIn-56daf875 .4s ease;min-height:200px;justify-content:space-between}@keyframes fadeIn-56daf875{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-group[data-v-56daf875]{text-align:left;margin-bottom:8px;flex-shrink:0}label[data-v-56daf875]{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--label-color, #475569)}.input-wrapper[data-v-56daf875]{position:relative}input[data-v-56daf875]{width:100%;padding:14px 16px;font-size:16px;border:2px solid var(--input-border, #e2e8f0);border-radius:10px;background-color:var(--input-bg, #ffffff);color:var(--input-text, #1e293b);transition:all .3s ease;box-sizing:border-box;box-shadow:0 2px 4px #00000005}input[data-v-56daf875]:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 4px #3b82f626;transform:translateY(-1px)}input.error[data-v-56daf875]{border-color:var(--error-color, #ef4444)}input.error[data-v-56daf875]:focus{box-shadow:0 0 0 3px #ef444433}.error-text[data-v-56daf875]{display:flex;align-items:center;gap:6px;color:var(--error-color, #ef4444);font-size:14px;margin-top:8px}.error-icon[data-v-56daf875]{font-size:16px}button[data-v-56daf875]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.primary-button[data-v-56daf875]{background:var(--primary-color, #3b82f6);color:#fff;margin-top:auto;position:relative}.primary-button[data-v-56daf875]:hover{background:var(--primary-hover, #2563eb);transform:translateY(-1px)}.secondary-button[data-v-56daf875]{background:var(--secondary-color, #e2e8f0);color:var(--secondary-text, #475569)}.secondary-button[data-v-56daf875]:hover{background:var(--secondary-hover, #cbd5e1)}.remove-button[data-v-56daf875]{background:var(--danger-color, #f43f5e);color:#fff;margin-top:16px}.remove-button[data-v-56daf875]:hover{background:var(--danger-hover, #e11d48)}button[data-v-56daf875]:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-group[data-v-56daf875]{display:flex;gap:12px}.button-group button[data-v-56daf875]{flex:1}.button-icon[data-v-56daf875]{font-size:18px}.loading-spinner[data-v-56daf875]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-56daf875 .8s linear infinite}@keyframes spin-56daf875{to{transform:rotate(360deg)}}.privacy-note[data-v-56daf875]{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:var(--muted-color, #94a3b8);margin-top:16px}.privacy-icon[data-v-56daf875]{font-size:14px}.steps-container[data-v-56daf875]{margin-bottom:20px;padding:10px 0}.steps[data-v-56daf875]{display:flex;align-items:center;justify-content:center;position:relative;max-width:400px;margin:0 auto}.step[data-v-56daf875]{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;transition:all .3s ease;flex:1}.step-circle[data-v-56daf875]{width:40px;height:40px;border-radius:50%;background-color:var(--step-bg, #f1f5f9);color:var(--step-text, #64748b);display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .4s ease;border:2px solid var(--step-border, #e2e8f0);box-shadow:0 2px 5px #0000000d;position:relative;margin-bottom:8px}.step-connector[data-v-56daf875]{flex:1;height:3px;background-color:var(--connector-color, #e2e8f0);position:relative;z-index:1;margin:0 -5px;align-self:center;transform:translateY(-24px);max-width:60px;min-width:40px}.step-connector[data-v-56daf875]:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background-color:var(--primary-color, #3b82f6);transition:width .5s ease}.step-connector.active[data-v-56daf875]:after{width:100%}.step.active .step-circle[data-v-56daf875]{background-color:var(--primary-color, #3b82f6);color:#fff;border-color:var(--primary-color, #3b82f6);transform:scale(1.1);box-shadow:0 4px 10px #3b82f64d}.step.completed .step-circle[data-v-56daf875]{background-color:var(--success-color, #10b981);color:#fff;border-color:var(--success-color, #10b981);box-shadow:0 4px 10px #10b98133}.check-icon[data-v-56daf875]{font-size:18px}.step-text[data-v-56daf875]{font-size:14px;font-weight:500;color:var(--step-text-color, #64748b);white-space:nowrap;transition:all .3s ease}.step.active .step-text[data-v-56daf875]{color:var(--primary-color, #3b82f6);font-weight:600}.step.completed .step-text[data-v-56daf875]{color:var(--success-color, #10b981);font-weight:600}@media (prefers-color-scheme: dark){.step-circle[data-v-56daf875]{--step-bg: #1e293b;--step-border: #334155;box-shadow:0 2px 5px #0003}.step-connector[data-v-56daf875]{--connector-color: #334155}.step-text[data-v-56daf875]{--step-text-color: #94a3b8}}@media (max-width: 480px){.steps[data-v-56daf875]{max-width:300px}.step-connector[data-v-56daf875]{min-width:20px;max-width:40px}.step-circle[data-v-56daf875]{width:36px;height:36px;font-size:14px}.step-text[data-v-56daf875]{font-size:12px}}.success-container[data-v-56daf875]{display:flex;flex-direction:column;align-items:center;padding:30px 20px;text-align:center;animation:fadeIn-56daf875 .5s ease}.success-icon[data-v-56daf875]{font-size:48px;margin-bottom:16px}.success-title[data-v-56daf875]{font-size:24px;font-weight:700;color:var(--heading-color, #1a1c20);margin:0 0 24px;text-align:center}.success-info-list[data-v-56daf875]{list-style:none;padding:0;margin:0;text-align:left;width:100%;max-width:400px}.success-info-list li[data-v-56daf875]{margin-bottom:12px;font-size:16px;color:var(--text-color, #64748b);padding:8px 0;border-bottom:1px solid #f1f5f9}.success-info-list li strong[data-v-56daf875]{font-weight:600;color:var(--primary-color, #3b82f6)}.follower-summary[data-v-56daf875]{text-align:center;font-size:16px;color:var(--muted-color, #94a3b8);margin-top:24px;padding:12px;background-color:#f8fafc;border-radius:8px;width:100%;max-width:400px}.unregister-link[data-v-56daf875]{color:var(--primary-color, #3b82f6);text-decoration:none;font-weight:600}.unregister-link[data-v-56daf875]:hover{text-decoration:underline}@media (prefers-color-scheme: dark){.success-container[data-v-56daf875]{--success-bg: #0f2716}.success-info-list li[data-v-56daf875]{border-bottom-color:#334155}.follower-summary[data-v-56daf875]{background-color:#1e293b}}@media (max-width: 600px){.login-container[data-v-56daf875]{margin:0 auto}.content-card[data-v-56daf875]{padding:24px 20px;min-height:320px}.step-content[data-v-56daf875]{min-height:220px}.steps[data-v-56daf875]{margin-bottom:16px}h2[data-v-56daf875]{font-size:20px}.success-container[data-v-56daf875]{padding:20px 16px}.success-icon[data-v-56daf875]{font-size:36px}.success-title[data-v-56daf875]{font-size:20px}}.footer[data-v-e2d9cb52]{margin-top:auto;padding:20px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.footer-content[data-v-e2d9cb52]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-color)}.last-update[data-v-e2d9cb52]{color:var(--text-color)}.creator-info a[data-v-e2d9cb52]{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s ease}.creator-info a[data-v-e2d9cb52]:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width: 600px){.footer-content[data-v-e2d9cb52]{flex-direction:column;gap:8px;text-align:center;font-size:12px}}.contact-modal-backdrop[data-v-1d0b2f1a]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.contact-modal[data-v-1d0b2f1a]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.contact-modal-header[data-v-1d0b2f1a]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.contact-modal-header h2[data-v-1d0b2f1a]{margin:0;font-size:20px;font-weight:600;color:#1e293b}.close-modal-button[data-v-1d0b2f1a]{background:none;border:none;cursor:pointer;color:#64748b;width:32px;height:32px;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-modal-button[data-v-1d0b2f1a]:hover{background:#f1f5f9;color:#1e293b}.contact-modal-content[data-v-1d0b2f1a]{padding:24px}.contact-form[data-v-1d0b2f1a]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-1d0b2f1a]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-1d0b2f1a]{font-weight:500;color:#374151;font-size:14px;text-align:left}.form-group input[data-v-1d0b2f1a],.form-group select[data-v-1d0b2f1a],.form-group textarea[data-v-1d0b2f1a]{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.form-group input[data-v-1d0b2f1a]:focus,.form-group select[data-v-1d0b2f1a]:focus,.form-group textarea[data-v-1d0b2f1a]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea[data-v-1d0b2f1a]{resize:vertical;min-height:100px;font-family:inherit}.form-actions[data-v-1d0b2f1a]{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.cancel-button[data-v-1d0b2f1a]{padding:12px 24px;border:2px solid #e2e8f0;background:#fff;color:#64748b;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button[data-v-1d0b2f1a]:hover{border-color:#cbd5e1;color:#475569}.submit-button[data-v-1d0b2f1a]{padding:12px 24px;border:none;background:#3b82f6;color:#fff;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-button[data-v-1d0b2f1a]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.submit-button[data-v-1d0b2f1a]:disabled{background:#94a3b8;cursor:not-allowed;transform:none}@media (max-width: 600px){.contact-modal[data-v-1d0b2f1a]{max-width:95%;max-height:95vh}.contact-modal-header[data-v-1d0b2f1a]{padding:16px 20px}.contact-modal-content[data-v-1d0b2f1a]{padding:20px}.form-actions[data-v-1d0b2f1a]{flex-direction:column}.cancel-button[data-v-1d0b2f1a],.submit-button[data-v-1d0b2f1a]{width:100%}}.help-banner[data-v-8c2a397d]{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;padding:24px 0;margin:0;width:100%;box-shadow:0 2px 8px #0000001a}.help-banner-content[data-v-8c2a397d]{max-width:1200px;margin:0 auto;padding:0 20px}.help-banner-header[data-v-8c2a397d]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.help-banner-header h2[data-v-8c2a397d]{margin:0;font-size:24px;font-weight:600;color:#fff}.close-banner-button[data-v-8c2a397d]{background:#ffffff26;color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.close-banner-button[data-v-8c2a397d]:hover{background:#ffffff40;transform:scale(1.1)}.help-banner-body[data-v-8c2a397d]{display:flex;align-items:flex-start;gap:24px}.help-banner-image[data-v-8c2a397d]{flex-shrink:0}.help-banner-image img[data-v-8c2a397d]{width:200px;height:auto;border-radius:8px}.help-banner-text[data-v-8c2a397d]{text-align:left;flex:1}.help-banner-text p[data-v-8c2a397d]{margin:0 0 20px;font-size:16px;line-height:1.6;color:#fffffff2;max-width:800px}.read-more-button[data-v-8c2a397d]{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.read-more-button[data-v-8c2a397d]:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.contact-button[data-v-8c2a397d]{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-button[data-v-8c2a397d]:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}@media (max-width: 768px){.help-banner[data-v-8c2a397d]{padding:20px 0}.help-banner-content[data-v-8c2a397d]{padding:0 16px}.help-banner-header h2[data-v-8c2a397d]{font-size:20px}.help-banner-body[data-v-8c2a397d]{flex-direction:column;gap:16px}.help-banner-image img[data-v-8c2a397d]{width:80px;height:80px;object-fit:cover}.help-banner-text p[data-v-8c2a397d]{font-size:14px;line-height:1.5}.help-banner-text p.text-collapsed[data-v-8c2a397d]{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.contact-button[data-v-8c2a397d]{padding:10px 20px;font-size:14px}.close-banner-button[data-v-8c2a397d]{width:28px;height:28px;font-size:18px}}.header-container{padding:20px;margin-bottom:20px;background-color:#fffaf9;transition:background-color .2s ease}.header-text h1{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:32px;margin:0;background:linear-gradient(45deg,#1d4ed8,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.header-text .tagline{font-family:Space Grotesk,sans-serif;font-weight:400;font-size:16px;margin:4px 0 0;color:#64748b;letter-spacing:.5px;transition:color .2s ease}.custom-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.custom-modal{border-radius:16px;box-shadow:0 20px 60px #00000026;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.custom-modal-header{display:flex;justify-content:center;align-items:center;padding:16px 24px;position:relative}.modal-logo-container{display:flex;align-items:center;justify-content:center}.modal-logo{width:80px;height:auto}.custom-close-button{background:none;border:none;cursor:pointer;color:var(--text-color);width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0;font-size:24px;line-height:1;box-sizing:border-box;text-align:center;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-close-button:hover{background:var(--bg-secondary);color:var(--heading-color)}.custom-modal-content{padding:0 24px 24px}@media (max-width: 600px){.header-text h1{font-size:24px}.header-text .tagline{font-size:14px}.custom-modal-backdrop{padding:10px}.custom-modal{max-height:95vh}.custom-modal-header{padding:12px 16px}.modal-logo{width:60px}}@media (max-width: 600px){h1{font-size:22px;margin:8px 0;padding:0 10px}}.chart-outer-container{width:100%;margin:0;padding:0}.chart-container{width:100%;max-width:900px;height:60vh;min-height:300px;max-height:400px;margin:auto;padding:5px;position:relative;box-sizing:border-box}.table-container{width:100%;max-width:900px;margin:10px auto;padding:10px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;background-color:var(--bg-primary)}th,td{padding:8px;text-align:left;border-bottom:1px solid var(--table-border)}th{background-color:var(--table-header)}.positive{color:green}.negative{color:red}@media (max-width: 600px){.chart-container{height:50vh;padding:5px;margin:0 auto;width:100%;max-width:none}.table-container{width:100%;padding:5px}table{font-size:12px;width:100%;margin:0 auto}th,td{padding:6px 4px}th:nth-child(4),td:nth-child(4){display:none}}@media (max-width: 900px){.chart-container,.table-container,.add-user-container{max-width:95%}}@media (max-width: 400px){.chart-container{height:45vh;padding:2px}}.tabs{display:flex;justify-content:center;gap:8px;margin:16px 0}.tabs button{padding:6px 16px;border:none;background:transparent;color:#666;font-size:14px;cursor:pointer;border-radius:16px;transition:all .2s ease}.tabs button:hover{background:#f0f0f0;color:#333}.tabs button.active{background:#eef2ff;color:#4f46e5;font-weight:500}@media (max-width: 600px){.tabs button{padding:4px 12px;font-size:13px}}.total-row{border-top:2px solid var(--table-border);background-color:var(--bg-secondary)}.interactive-row{cursor:pointer;transition:background-color .2s ease}.interactive-row:hover{background-color:var(--table-hover)}.row-hidden{opacity:.5;background-color:var(--row-hidden)}.selected-row{background-color:#eef2ff!important;border-left:4px solid #4f46e5}.label-container{display:flex;align-items:center;gap:8px}.color-indicator{width:12px;height:12px;border-radius:2px;display:inline-block;flex-shrink:0}.icon-container{text-align:left;flex-shrink:0}.app-icon{width:120px;height:auto;transition:width .2s ease}@media (max-width: 600px){.app-icon{width:80px}.header-container{padding:12px}}@media (max-width: 400px){.app-icon{width:60px}}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--heading-color: #1e293b;--text-color: #64748b;--bg-primary: #fffaf9;--bg-secondary: #f8fafc;--border-color: #e2e8f0;--table-border: #ddd;--table-hover: #f5f5f5;--table-header: #f9f9f9;--row-hidden: #f5f5f5}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--heading-color: #f1f5f9;--text-color: #cbd5e1;--border-color: #334155;--table-border: #334155;--table-hover: #1e293b;--table-header: #1e293b;--row-hidden: #1e293b}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;color:var(--text-color);background-color:var(--bg-primary)}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-logo{font-weight:700;font-size:20px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;background-color:var(--bg-primary)}@media (max-width: 600px){.content{padding:16px}}.menu-logo-container{display:flex;align-items:center}.menu-logo{width:100px;height:auto;transition:width .2s ease}@media (max-width: 600px){.menu-logo{width:80px}}.menu-header-text h1{font-size:22px;margin:0}.menu-header-text .tagline{font-size:12px;margin:2px 0 0}@media (max-width: 768px){.menu-logo{width:60px}.menu-header-text h1{font-size:18px}.menu-header-text .tagline{font-size:10px}}@media (max-width: 600px){.menu-logo{width:50px}.menu-header-text h1{font-size:16px}.menu-header-text .tagline{display:none}}.debug-button{background-color:#f87171;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;margin:0 4px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.debug-button:hover{opacity:1}.dev-tools{margin-top:20px;padding:10px;border:1px dashed #f87171;border-radius:8px;background-color:#f871710d;text-align:left}.dev-tools-top{max-width:1200px;margin:10px auto;width:calc(100% - 40px);box-sizing:border-box}.dev-tools-title{font-size:14px;font-weight:700;color:#f87171;margin:0 0 8px}.dev-tools-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.dev-info{margin-top:10px;padding:10px;background-color:#00000008;border-radius:4px;font-size:12px}.dev-info p{margin:4px 0}.dev-info pre{background-color:#0000000d;padding:8px;border-radius:4px;overflow-x:auto;max-height:200px}.notification{position:fixed;top:20px;right:20px;background-color:#10b981;color:#fff;padding:12px 20px;border-radius:6px;box-shadow:0 4px 6px #0000001a;z-index:1000;animation:slide-in .3s ease-out forwards}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.test-modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.test-modal-actions .debug-button{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.content-title{text-align:center;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:28px;margin:0 0 20px;color:var(--heading-color, #1e293b);background:linear-gradient(45deg,#1d4ed8,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}@media (max-width: 600px){.content-title{font-size:22px;margin-bottom:16px}}.add-user-container{max-width:900px;margin:0 auto 20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;z-index:50;position:relative}.add-user-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.add-user-header h2{margin:0;font-size:18px;color:#1e293b}.close-button{background:none;border:none;cursor:pointer;color:var(--text-color);width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0;font-size:24px;line-height:1;box-sizing:border-box;text-align:center;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.close-button:hover{background:var(--bg-secondary);color:var(--heading-color)}@media (max-width: 600px){.add-user-container{margin:0 10px 10px;border-radius:8px}.add-user-header{padding:12px 16px}.add-user-header h2{font-size:16px}.close-button{width:28px;height:28px;min-width:28px;min-height:28px;font-size:20px}}.chart-loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-primary);z-index:10}.chart-loader p{margin-top:16px;color:var(--text-color);font-size:14px}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
