:root{--bg-main:#060608;--card-bg:#12121a;--border-color:#251f2d;--cassis-primary:#721c47;--cassis-hover:#91245a;--cassis-glow:#f062a4;--text-main:#f5f5f7;--text-muted:#8e8297}html,body,#root{color:var(--text-main);box-sizing:border-box;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Roboto,sans-serif;background-color:var(--bg-main)!important}*,:before,:after{box-sizing:inherit}.admin-header{background:linear-gradient(135deg, #14141c 0%, var(--bg-main) 100%);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 40px;display:flex;box-shadow:0 4px 25px #0006}.header-brand{letter-spacing:.5px;text-transform:uppercase;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.brand-primary{color:var(--text-main)}.brand-separator{color:var(--cassis-primary);margin:0 10px}.brand-accent{color:var(--cassis-glow);text-shadow:0 0 10px #f062a44d}.header-nav{background:#0b0b0e;border:1px solid #ffffff05;border-radius:50px;gap:12px;padding:4px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50px;padding:8px 24px;font-size:.9rem;font-weight:600;transition:all .25s ease-in-out}.nav-item:hover{color:var(--text-main);background:#ffffff08}.nav-item.active{background:var(--cassis-primary);color:#fff;box-shadow:0 4px 12px #721c474d}.header-actions{align-items:center;gap:25px;display:flex}.status-indicator{color:var(--text-muted);align-items:center;font-size:.85rem;font-weight:500;display:flex}.status-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;margin-right:10px;box-shadow:0 0 10px #10b981}.btn-logout{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:50px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:all .2s ease-in-out}.btn-logout:hover{color:#000;background:#ef4444;transform:translateY(-1px);box-shadow:0 4px 15px #ef444466}.dashboard-grid{grid-template-columns:1fr 340px;gap:35px;max-width:1400px;margin:0 auto;padding:40px;display:grid}.main-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:35px;padding:80px 40px;display:flex;box-shadow:0 25px 60px #000c,0 0 50px #721c470d}.panel-title{color:var(--text-main);text-align:center;letter-spacing:-.5px;margin:0;font-size:1.8rem;font-weight:600}.btn-primary{cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;border-radius:50px;padding:18px 45px;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #721c4766;background:linear-gradient(135deg, var(--cassis-primary) 0%, #4a102e 100%)!important;color:#fff!important;border:1px solid #f062a433!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #f062a480;background:linear-gradient(135deg, var(--cassis-hover) 0%, var(--cassis-primary) 100%)!important;border-color:#f062a466!important}.generated-code-wrapper{width:100%;max-width:500px;margin-top:15px}.code-input-container{align-items:center;width:100%;display:flex;position:relative}.code-display-box{width:100%;color:var(--cassis-glow);letter-spacing:6px;text-shadow:0 0 20px #f062a480;text-align:center;background:#07070a;border:2px dashed #f062a44d;border-radius:20px;padding:20px 150px 20px 30px;font-family:Courier New,Courier,monospace;font-size:3.5rem;font-weight:800}.btn-copy{text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:linear-gradient(135deg,#721c4766 0%,#8e245a66 100%);border:1px solid #f062a466;border-radius:50px;padding:10px 24px;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:15px;transform:translateY(-50%)}.btn-copy:hover{background:var(--cassis-primary);border-color:var(--cassis-glow);transform:translateY(-50%)scale(1.03);box-shadow:0 6px 18px #f062a466}.btn-copy.copied{color:#fff!important;background:#10b981!important;border-color:#34d399!important}.analytics-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:40px;box-shadow:0 15px 40px #0009}.analytics-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.analytics-title{color:var(--text-main);font-size:1.4rem;font-weight:600}.analytics-subtitle{color:var(--text-muted);margin-top:4px;font-size:.85rem}.timeline-selector{background:#0b0b0e;border:1px solid #ffffff08;border-radius:50px;padding:4px;display:flex}.timeline-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s ease-in-out}.timeline-btn.active{background:var(--cassis-primary);color:#fff;box-shadow:0 4px 12px #721c474d}.chart-wrapper{width:100%}.chart-bars-container{border-bottom:1px solid #262631;align-items:flex-end;height:300px;padding-bottom:10px;display:flex;position:relative}.chart-bar{background:linear-gradient(to top, var(--cassis-primary) 0%, var(--cassis-glow) 100%);opacity:.75;cursor:pointer;border-radius:4px 4px 0 0;flex:1;transition:all .25s cubic-bezier(.4,0,.2,1)}.chart-bar:hover{opacity:1;box-shadow:0 0 15px var(--cassis-glow);transform:scaleY(1.02)}.chart-axis{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:15px;font-size:.8rem;display:flex}.axis-current-badge{color:var(--cassis-glow);text-transform:uppercase;letter-spacing:.5px;background:#f062a40d;border:1px solid #f062a426;border-radius:50px;padding:4px 12px;font-weight:600}.sidebar-panel{flex-direction:column;gap:25px;display:flex}.stats-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:28px;box-shadow:0 10px 30px #00000080}.sidebar-card-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:18px;font-size:.8rem}.live-counter{color:#fff;font-size:2.4rem;font-weight:800}.counter-unit-cassis{color:var(--cassis-glow);text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 10px #f062a44d;margin-left:8px;font-size:1.1rem;font-weight:700}.system-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:12px 0;font-size:.9rem;display:flex}.system-row:last-of-type{border-bottom:none}.row-label{color:var(--text-muted)}.row-value-version{color:var(--text-main);background:#ffffff0a;border-radius:50px;padding:3px 10px;font-size:.8rem;font-weight:600}.status-online{color:#10b981;text-shadow:0 0 10px #10b98166;font-weight:700}.status-offline{color:#ef4444;text-shadow:0 0 10px #ef444466;font-weight:700}.info-card-eco{background:linear-gradient(135deg,#0e0f14 0%,#05140b 100%);border:1px solid #10b98126;border-radius:24px;padding:28px}.text-highlight-cassis{color:var(--cassis-glow);font-weight:700}.support-widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:9999;background:linear-gradient(135deg,#721c47d9 0%,#4a102ed9 100%);border:1px solid #f062a44d;border-radius:50px;align-items:center;gap:14px;padding:16px 32px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:40px;right:40px;box-shadow:0 10px 30px #00000080,0 5px 20px #721c4766}.support-widget:hover{background:linear-gradient(135deg,#91245af2 0%,#721c47f2 100%);border-color:#f062a499;transform:translateY(-5px)scale(1.02);box-shadow:0 15px 35px #0009,0 0 30px #f062a480}.support-icon{fill:currentColor;width:24px;height:24px}.support-text{letter-spacing:.5px;font-size:1rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;width:100%;max-width:500px;padding:40px;box-shadow:0 20px 50px #000c,0 0 40px #721c4726}.modal-title{color:var(--text-main);margin-bottom:8px;font-size:1.4rem}.modal-subtitle{color:var(--text-muted);margin-bottom:25px;font-size:.9rem}.modal-input,.modal-textarea{border:1px solid var(--border-color);color:#fff;background:#0b0b0e;border-radius:12px;outline:none;width:100%;margin-bottom:15px;padding:15px;font-family:inherit;font-size:.95rem;transition:border .2s}.modal-textarea{resize:none;margin-bottom:0}.modal-input:focus,.modal-textarea:focus{border-color:var(--cassis-glow)}.modal-actions{justify-content:flex-end;gap:15px;margin-top:25px;display:flex}.btn-cancel{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50px;padding:10px 20px;font-weight:600}.btn-cancel:hover{color:#fff}.btn-send{background:linear-gradient(135deg, var(--cassis-primary) 0%, #4a102e 100%);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:10px 24px;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #721c4766}.btn-send:hover:not(:disabled){background:linear-gradient(135deg, var(--cassis-hover) 0%, var(--cassis-primary) 100%);transform:translateY(-2px)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.login-container{background-color:var(--bg-main);justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:32px;width:100%;max-width:420px;padding:50px 40px;box-shadow:0 25px 60px #000c,0 0 40px #721c470d}.logo-wrapper{justify-content:center;align-items:center;gap:15px;margin-bottom:30px;display:flex}.logo-img{object-fit:contain;height:75px}.input-group{text-align:left;margin-bottom:22px}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;display:block}.input-field{border:1px solid var(--border-color);color:#fff;background:#0b0b0e;border-radius:12px;outline:none;width:100%;padding:14px;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--cassis-glow);box-shadow:0 0 10px #f062a433}.client-widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:9999;background:linear-gradient(135deg,#10b981d9 0%,#0d9488d9 100%);border:1px solid #10b9814d;border-radius:50px;align-items:center;gap:14px;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:40px;left:40px;box-shadow:0 10px 30px #00000080,0 5px 20px #10b9814d}.client-widget:hover{background:linear-gradient(135deg,#14c88cf2 0%,#10b981f2 100%);border-color:#10b98199;transform:translateY(-5px)scale(1.02);box-shadow:0 15px 35px #0009,0 0 30px #10b98166}.modal-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:25px;display:flex}.spinner{border:3px solid #f062a41a;border-top-color:var(--cassis-glow);border-radius:50%;width:50px;height:50px;margin:20px auto;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}