.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d0000);position:relative;padding:2rem}[data-theme=light] .login-container{background:linear-gradient(135deg,#f5f5f5,#ffebeb)}.theme-toggle-login{position:absolute;top:2rem;right:2rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);padding:.75rem 1rem;border-radius:12px;font-size:1.5rem;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle-login:hover{background:#fff3;transform:scale(1.05)}[data-theme=light] .theme-toggle-login{background:#0000000d;border-color:#0000001a}.login-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,0,0,.3);border-radius:24px;padding:3rem;width:100%;max-width:450px;box-shadow:0 20px 60px #ff00004d}[data-theme=light] .login-card{background:#fff;border-color:#dc000033;box-shadow:0 20px 60px #dc000026}.login-header{text-align:center;margin-bottom:2rem}.logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.logo-icon{font-size:3rem;filter:drop-shadow(0 0 20px rgba(255,0,0,.5))}.logo h1{font-size:2.5rem;color:red;margin:0;text-shadow:0 0 30px rgba(255,0,0,.5)}[data-theme=light] .logo h1{color:#dc0000;text-shadow:0 0 20px rgba(220,0,0,.3)}.subtitle{color:#ffffffb3;font-size:1rem}[data-theme=light] .subtitle{color:#0009}.login-form,.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#ffffffe6;margin-bottom:.5rem;font-weight:500}[data-theme=light] .form-group label{color:#333}.form-group input{width:100%;padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s}[data-theme=light] .form-group input{background:#f8f8f8;border-color:#ddd;color:#333}.form-group input:focus{outline:none;border-color:red;background:#ff00000d;box-shadow:0 0 20px #f003}[data-theme=light] .form-group input:focus{border-color:#dc0000;background:#fff;box-shadow:0 0 15px #dc00001a}.form-group input::placeholder{color:#fff6}[data-theme=light] .form-group input::placeholder{color:#0006}.error-message{background:#ff00001a;border:2px solid rgba(255,0,0,.3);color:#f55;padding:1rem;border-radius:12px;margin-bottom:1.5rem;text-align:center}[data-theme=light] .error-message{background:#dc00000d;border-color:#dc000033;color:#dc0000}.btn-login{width:100%;padding:1.25rem;background:linear-gradient(135deg,red,#c00);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px #ff00004d}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px #f006}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}[data-theme=light] .login-footer{border-top-color:#0000001a}.login-footer p{color:#fff9;font-size:.9rem}[data-theme=light] .login-footer p{color:#00000080}.layout{display:flex;height:100vh;background:var(--bg-primary)}.sidebar{width:260px;background:#0f0f0f;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;overflow-y:auto}[data-theme=light] .sidebar{background:#fff;border-right-color:#0000001f;box-shadow:2px 0 8px #0000000d}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.logo-img{width:40px;height:40px;border-radius:8px;object-fit:cover}.logo-text{display:flex;align-items:center;gap:.5rem;flex:1}.logo-name{font-size:1.25rem;font-weight:700;color:#fff}.admin-badge{background:red;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.5px}.status-indicator{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}.sidebar-section{padding:.75rem 0}.section-title{color:#fff6;font-size:.7rem;font-weight:700;letter-spacing:1px;padding:.75rem 1rem .5rem;margin:0;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;color:#fff9;text-decoration:none;transition:all .2s;border-left:3px solid transparent;font-weight:500;font-size:.9rem;position:relative}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#ff00001a;color:red;border-left-color:red}.nav-icon{font-size:1.1rem;width:24px;text-align:center}.stat-badge{margin-left:auto;background:#ffffff14;color:#ffffffb3;padding:.2rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.nav-item.active .stat-badge{background:#f003;color:red}.badge-live{margin-left:auto;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;animation:pulse 2s infinite}.alert-count{background:#ef444433;color:#ef4444}.badge-member{margin-left:auto;background:#3b82f633;color:#3b82f6;padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.08);margin-top:auto}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:8px;cursor:pointer;transition:all .2s}.user-profile:hover{background:#ffffff14}.user-avatar{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,red,#c00);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.user-info{display:flex;flex-direction:column;gap:.1rem;flex:1}.user-name{color:#fff;font-weight:600;font-size:.85rem}.user-role{color:#ffffff80;font-size:.7rem}.user-menu{color:#ffffff80;font-size:1.2rem;cursor:pointer}.main-content{flex:1;min-width:0;margin-left:260px;display:flex;flex-direction:column}.header{background:#0f0f0ff2;border-bottom:1px solid rgba(255,255,255,.08);padding:.9rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:1rem}[data-theme=light] .header{background:#fffffffa;border-bottom-color:#0000001a;box-shadow:0 1px 3px #0000000d}.header-left{flex:1;min-width:0}.search-container{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem 1rem;max-width:500px;transition:all .3s}.search-container:focus-within{background:#ffffff14;border-color:#ff00004d}.search-icon{margin-right:.75rem;font-size:1rem;opacity:.5}.search-input{background:transparent;border:none;outline:none;color:#fff;font-size:.9rem;width:100%}.search-input::placeholder{color:#fff6}.header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header-right button{white-space:nowrap}.header-info{display:flex;align-items:center;gap:.75rem}.zone-badge{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;color:#ffffffb3}.zone-badge strong{color:#fff}.zone-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}.notification-btn{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.6rem .8rem;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .2s}.notification-btn:hover{background:#ffffff14}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:10px;box-shadow:0 0 8px #ef444480}.theme-toggle-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.6rem .8rem;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .3s}.theme-toggle-btn:hover{background:#ffffff14;transform:scale(1.05)}[data-theme=light] .theme-toggle-btn{background:#0000000d;border-color:#0000001a}[data-theme=light] .theme-toggle-btn:hover{background:#00000014}.export-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.export-btn:hover{background:#ffffff14}.logout-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:.6rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ef444426}.content{flex:1;min-width:0;padding:2rem;overflow-y:auto;background:var(--bg-primary)}[data-theme=light] .sidebar-header{border-bottom-color:#00000014}[data-theme=light] .logo-name{color:#1a1a1a}[data-theme=light] .admin-badge{background:#dc2626}[data-theme=light] .section-title{color:#0006}[data-theme=light] .nav-item{color:#0009}[data-theme=light] .nav-item:hover{background:#0000000a;color:#1a1a1a}[data-theme=light] .nav-item.active{background:#dc262614;color:#dc2626;border-left-color:#dc2626}[data-theme=light] .stat-badge{background:#0000000f;color:#000000b3}[data-theme=light] .nav-item.active .stat-badge{background:#dc262626;color:#dc2626}[data-theme=light] .sidebar-footer{border-top-color:#00000014}[data-theme=light] .user-profile{background:#00000008}[data-theme=light] .user-profile:hover{background:#0000000f}[data-theme=light] .user-name{color:#1a1a1a}[data-theme=light] .user-role,[data-theme=light] .user-menu{color:#00000080}[data-theme=light] .search-container{background:#0000000a;border-color:#0000001a}[data-theme=light] .search-container:focus-within{background:#0000000f;border-color:#dc26264d}[data-theme=light] .search-input{color:#1a1a1a}[data-theme=light] .search-input::placeholder{color:#0006}[data-theme=light] .zone-badge{background:#0000000a;border-color:#0000001a;color:#000c}[data-theme=light] .zone-badge strong{color:#1a1a1a}[data-theme=light] .zone-dot{background:#22c55e}[data-theme=light] .notification-btn{background:#0000000a;border-color:#0000001a}[data-theme=light] .notification-btn:hover{background:#0000000f}[data-theme=light] .export-btn{background:#0000000a;border-color:#0000001a;color:#1a1a1a}[data-theme=light] .export-btn:hover{background:#0000000f}[data-theme=light] .logout-btn{background:#ef444414;border-color:#ef444433;color:#dc2626}[data-theme=light] .logout-btn:hover{background:#ef44441f}@media (max-width: 1280px){.header-info{display:none}}@media (max-width: 1024px){.header-right .btn-label{display:none}.header-right{gap:.5rem}}@media (max-width: 768px){.sidebar{width:80px}.logo-text,.status-indicator,.section-title,.nav-item>span:not(.nav-icon),.user-info,.user-menu{display:none}.sidebar-header{justify-content:center;padding:1rem .5rem}.nav-item{justify-content:center;padding:.8rem 0}.user-profile{justify-content:center;padding:.5rem}.sidebar-footer{padding:.75rem .5rem}.main-content{margin-left:80px}.header{padding:.75rem 1rem}.content{padding:1rem}}@media (max-width: 480px){.sidebar{width:56px}.main-content{margin-left:56px}.search-container{padding:.5rem .75rem}.search-icon{margin-right:.5rem}.notification-btn,.theme-toggle-btn,.export-btn,.logout-btn{padding:.5rem .6rem}.content{padding:.5rem}}.page{background:var(--card-bg);padding:2rem;border-radius:16px;box-shadow:0 4px 12px #0000001a;min-height:calc(100vh - 4rem)}.page h2{color:var(--text-primary);margin-bottom:2rem;font-size:1.8rem}.page h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.3rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,red,#c00);padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px 24px #ff00004d;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}[data-theme=light] .stat-card{background:linear-gradient(135deg,#dc0000,#b00000)}.stat-icon{font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.stat-content h3{color:#fff;font-size:.9rem;margin:0 0 .5rem;opacity:.9}.stat-number{color:#fff;font-size:2rem;font-weight:700;margin:0}.stat-label{color:#fffc;font-size:.85rem}.chart-container{background:var(--card-bg);border:2px solid var(--border-color);padding:2rem;border-radius:12px;margin-top:2rem}.placeholder-text{color:var(--text-secondary);text-align:center;padding:3rem}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filters button{padding:.6rem 1.2rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .3s;font-weight:500}.filters button:hover{border-color:red;color:red}.filters button.active{background:linear-gradient(135deg,red,#c00);color:#fff;border-color:transparent}.table-container{overflow-x:auto;margin-top:1.5rem}table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:12px;overflow:hidden}thead{background:#ff00001a}[data-theme=light] thead{background:#dc00000d}th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}td{padding:1rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}tr:hover{background:#ff000008}[data-theme=light] tr:hover{background:#dc000005}.amount{font-weight:600;color:var(--text-primary)}.domain-name{font-family:monospace;color:red;font-weight:500}.badge{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;display:inline-block}.badge-active,.badge-completed{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-pending,.badge-in-progress{background:#f9731626;color:#f97316;border:1px solid rgba(249,115,22,.3)}.badge-expired,.badge-failed{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-new{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.badge-resolved{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-wave{background:#1dc8ff26;color:#1dc8ff;border:1px solid rgba(29,200,255,.3)}.badge-orange{background:#ff660026;color:#f60;border:1px solid rgba(255,102,0,.3)}.badge-mtn{background:#ffcc0026;color:#fc0;border:1px solid rgba(255,204,0,.3)}.btn-sm{padding:.5rem 1rem;background:linear-gradient(135deg,red,#c00);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s;font-weight:500}.btn-sm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff00004d}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-add{padding:.75rem 1.5rem;background:linear-gradient(135deg,red,#c00);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s}.btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff00004d}.btn-save{padding:.75rem 1.5rem;background:linear-gradient(135deg,red,#c00);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s;margin-top:1rem}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff00004d}.add-form{background:var(--card-bg);border:2px solid var(--border-color);padding:1.5rem;border-radius:12px;margin-bottom:2rem}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-row input{flex:1;min-width:200px;padding:.75rem;background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem}.form-row input:focus{outline:none;border-color:red}.btn-submit{padding:.75rem 2rem;background:linear-gradient(135deg,red,#c00);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff00004d}.revenue-badge{background:linear-gradient(135deg,red,#c00);color:#fff;padding:.75rem 1.5rem;border-radius:10px;font-weight:500;box-shadow:0 4px 12px #ff00004d}.messages-container{display:flex;flex-direction:column;gap:1rem}.message-card{background:var(--card-bg);border:2px solid var(--border-color);padding:1.5rem;border-radius:12px;transition:all .3s}.message-card:hover{border-color:#ff00004d;box-shadow:0 4px 12px #ff00001a}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.message-header h4{color:var(--text-primary);margin:0 0 .5rem}.message-meta{color:var(--text-secondary);font-size:.9rem;margin:0}.message-content{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.message-actions{display:flex;gap:.5rem;flex-wrap:wrap}.settings-section{margin-bottom:2rem}.settings-card{background:var(--card-bg);border:2px solid var(--border-color);padding:1.5rem;border-radius:12px}.setting-item{margin-bottom:1.5rem}.setting-item label{display:block;color:var(--text-primary);margin-bottom:.5rem;font-weight:500}.setting-item input{width:100%;padding:.75rem;background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem}.setting-item input:focus{outline:none;border-color:red}.setting-item input:disabled{opacity:.6;cursor:not-allowed}.setting-toggle{margin-bottom:1rem}.setting-toggle label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--text-primary)}.setting-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.api-key-container{display:flex;gap:.5rem}.api-key-container input{flex:1}.api-key-container .btn-sm{padding:.75rem 1rem}.data-table{overflow-x:auto;margin-top:1rem}.data-table table{width:100%;border-collapse:collapse}.data-table thead{background:#ffffff0d}[data-theme=light] .data-table thead{background:#00000005}.data-table th{padding:.9rem 1rem;text-align:left;font-weight:700;font-size:.75rem;color:#ffffffb3;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .data-table th{color:#000000b3;border-bottom-color:#0000001a}.data-table td{padding:1rem;color:#fffc;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.05)}[data-theme=light] .data-table td{color:#000c;border-bottom-color:#0000000f}.data-table tbody tr{transition:all .2s}.data-table tbody tr:hover{background:#ffffff08}[data-theme=light] .data-table tbody tr:hover{background:#00000005}.secondary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.secondary-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;display:flex;gap:1rem;align-items:center;transition:all .3s}[data-theme=light] .secondary-stat-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 3px #0000000d}.secondary-stat-card:hover{background:#ffffff0d;border-color:#ff00004d}[data-theme=light] .secondary-stat-card:hover{background:#fff;box-shadow:0 4px 12px #00000014}.secondary-stat-icon{font-size:2rem}.secondary-stat-content h4{color:#fff9;font-size:.85rem;margin:0 0 .5rem;font-weight:600}[data-theme=light] .secondary-stat-content h4{color:#0009}.secondary-stat-value{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}[data-theme=light] .secondary-stat-value{color:#1a1a1a}.secondary-stat-trend{font-size:.8rem;font-weight:600;color:#ffffff80}[data-theme=light] .secondary-stat-trend{color:#00000080}.secondary-stat-trend.positive{color:#22c55e}.secondary-stat-trend.negative{color:#ef4444}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tabs button{padding:.6rem 1.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .3s;font-weight:500}[data-theme=light] .filter-tabs button{background:#fff;border-color:#00000026;color:#000c}.filter-tabs button:hover{border-color:#ff00004d;background:#ffffff14}[data-theme=light] .filter-tabs button:hover{background:#00000005}.filter-tabs button.active{background:linear-gradient(135deg,red,#c00);color:#fff;border-color:transparent}[data-theme=light] .filter-tabs button.active{background:linear-gradient(135deg,#dc2626,#b91c1c)}.chart-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}[data-theme=light] .chart-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 3px #0000000d}.chart-header{margin-bottom:1.5rem}.chart-header h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0}[data-theme=light] .chart-header h3{color:#1a1a1a}.badge-info{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}@media (max-width: 768px){.page{padding:1rem;border-radius:12px}.page h2{font-size:1.4rem;margin-bottom:1rem}.stats-grid,.secondary-stats{grid-template-columns:1fr}.form-row input{min-width:0}}.dashboard-container{padding:1.5rem;background:#0a0a0a;min-height:calc(100vh - 70px)}.welcome-banner{background:linear-gradient(135deg,#ff000014,#0003);border:1px solid rgba(255,0,0,.2);border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.welcome-left{flex:1}.platform-status{display:inline-flex;align-items:center;gap:.5rem;background:#ef444426;color:#ef4444;padding:.4rem .9rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:1rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:pulse 2s infinite}.welcome-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .75rem}.welcome-subtitle{color:#ffffffb3;font-size:1rem;margin:0;line-height:1.6}.welcome-subtitle strong{color:red;font-weight:700}.period-selector{display:flex;align-items:center;gap:.5rem}.period-selector>span{color:#ffffff80;font-size:.75rem;font-weight:700;letter-spacing:1px}.period-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.period-btn:hover{background:#ffffff14}.period-btn.active{background:linear-gradient(135deg,red,#c00);color:#fff;border-color:transparent}.kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.kpi-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;transition:all .3s}.kpi-card:hover{background:#ffffff0d;border-color:#ff00004d;transform:translateY(-2px)}.kpi-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.kpi-icon{font-size:1.5rem}.kpi-label{color:#fff9;font-size:.85rem;font-weight:600}.kpi-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.kpi-trend{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.kpi-trend.positive{color:#22c55e}.kpi-trend.negative{color:#ef4444}.trend-label{color:#ffffff80;font-size:.8rem}.kpi-meta{color:#fff9;font-size:.85rem}.kpi-meta strong{color:#fff;font-weight:700}.kpi-meta.priority,.kpi-meta.priority strong{color:#ef4444}.alert-card{border-color:#ef44444d;background:#ef44440d}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.content-grid>*{min-width:0}.chart-section,.alerts-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.section-header{margin-bottom:1.5rem}.section-header h3,.section-header h2{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.section-subtitle{color:#ffffff80;font-size:.85rem;margin:0}.priority-badge{background:#ef444433;color:#ef4444;padding:.35rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-left:4px solid;border-radius:8px;padding:1rem;display:flex;gap:1rem;transition:all .2s}.alert-item:hover{background:#ffffff0d}.alert-error{border-left-color:#ef4444}.alert-warning{border-left-color:#f59e0b}.alert-info{border-left-color:#3b82f6}.alert-icon{font-size:1.5rem}.alert-content{flex:1}.alert-content h4{color:#fff;font-size:.9rem;font-weight:700;margin:0 0 .5rem}.alert-user,.alert-incident{color:#fff9;font-size:.8rem;margin:.25rem 0}.alert-user strong,.alert-incident em{color:#ffffffe6}.alert-actions{display:flex;gap:.5rem;margin-top:.75rem}.alert-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.alert-btn:hover{background:#ffffff14}.alert-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent}.alert-time{color:#fff6;font-size:.75rem;white-space:nowrap}.activity-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.activity-table{overflow-x:auto;margin-top:1rem}.activity-table table{width:100%;border-collapse:collapse}.activity-table thead{background:#ffffff0d}.activity-table th{padding:.9rem 1rem;text-align:left;font-weight:700;font-size:.75rem;color:#ffffffb3;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1)}.activity-table td{padding:1rem;color:#fffc;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.05)}.activity-table tbody tr{transition:all .2s}.activity-table tbody tr:hover{background:#ffffff08}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar-sm{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,red,#c00);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem}.user-name-sm{color:#fff;font-weight:600;font-size:.9rem}.user-location{color:#ffffff80;font-size:.75rem}.payment-badge{padding:.35rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;display:inline-block}.amount-cell{font-weight:700;color:#fff}.status-badge{padding:.35rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block;border:1px solid}.status-active{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.status-pending{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}.status-paid{background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}.status-download{background:#1cc4e926;color:#1dc4e9;border-color:#1cc4e94d}.status-failed{background:#ef444426;color:#ef4444;border-color:#ef44444d}.apk-badge{padding:.35rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.apk-yes{background:#22c55e26;color:#22c55e}.apk-progress{background:#fbbf2426;color:#fbbf24}.apk-no{background:#6b728026;color:#9ca3af}.code-badge{background:#ff000026;color:red;padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;font-family:monospace;letter-spacing:.5px}.code-waiting{color:#ffffff80;font-style:italic;font-size:.8rem}.code-empty{color:#ffffff4d}.time-cell{color:#ffffff80;font-size:.8rem}.table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);color:#fff9;font-size:.85rem}.pagination{display:flex;gap:.5rem}.pagination button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.pagination button:hover{background:#ffffff14}.pagination button.active{background:linear-gradient(135deg,red,#c00);color:#fff;border-color:transparent}@media (max-width: 1200px){.content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-container{padding:1rem}.welcome-banner{flex-direction:column;align-items:flex-start;gap:1rem}.kpis-grid{grid-template-columns:1fr}.activity-table{font-size:.8rem}.table-footer{flex-direction:column;gap:1rem}}[data-theme=light] .dashboard-container{background:#f8f8f8}[data-theme=light] .welcome-banner{background:linear-gradient(135deg,#ff00000f,#dcdcdc66);border-color:#dc000033}[data-theme=light] .platform-status{background:#ef44441a;color:#dc2626}[data-theme=light] .status-dot{background:#dc2626}[data-theme=light] .welcome-title{color:#1a1a1a}[data-theme=light] .welcome-subtitle{color:#000000b3}[data-theme=light] .welcome-subtitle strong{color:#dc2626}[data-theme=light] .period-selector>span{color:#00000080}[data-theme=light] .period-btn{background:#fff;border-color:#00000026;color:#000c}[data-theme=light] .period-btn:hover{background:#0000000d;border-color:#dc00004d}[data-theme=light] .period-btn.active{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}[data-theme=light] .kpi-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 3px #0000000d}[data-theme=light] .kpi-card:hover{background:#fff;border-color:#dc00004d;box-shadow:0 4px 12px #00000014}[data-theme=light] .kpi-label{color:#0009}[data-theme=light] .kpi-value{color:#1a1a1a}[data-theme=light] .trend-label{color:#00000080}[data-theme=light] .kpi-meta{color:#0009}[data-theme=light] .kpi-meta strong{color:#1a1a1a}[data-theme=light] .alert-card{border-color:#ef44444d;background:#ef444414}[data-theme=light] .chart-section,[data-theme=light] .alerts-section,[data-theme=light] .activity-section{background:#fff;border-color:#0000001a;box-shadow:0 1px 3px #0000000d}[data-theme=light] .section-header h3,[data-theme=light] .section-header h2{color:#1a1a1a}[data-theme=light] .section-subtitle{color:#00000080}[data-theme=light] .priority-badge{background:#ef444426;color:#dc2626}[data-theme=light] .alert-item{background:#fff;border-color:#0000001a}[data-theme=light] .alert-item:hover{background:#00000005}[data-theme=light] .alert-content h4{color:#1a1a1a}[data-theme=light] .alert-user,[data-theme=light] .alert-incident{color:#0009}[data-theme=light] .alert-user strong,[data-theme=light] .alert-incident em{color:#000000e6}[data-theme=light] .alert-btn{background:#0000000d;border-color:#00000026;color:#000c}[data-theme=light] .alert-btn:hover{background:#00000014}[data-theme=light] .alert-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent}[data-theme=light] .alert-time{color:#0006}[data-theme=light] .activity-table thead{background:#00000008}[data-theme=light] .activity-table th{color:#000000b3;border-bottom-color:#0000001a}[data-theme=light] .activity-table td{color:#000c;border-bottom-color:#0000000d}[data-theme=light] .activity-table tbody tr:hover{background:#00000005}[data-theme=light] .user-name-sm{color:#1a1a1a}[data-theme=light] .user-location{color:#00000080}[data-theme=light] .amount-cell{color:#1a1a1a}[data-theme=light] .code-waiting{color:#00000080}[data-theme=light] .code-empty{color:#0000004d}[data-theme=light] .time-cell{color:#00000080}[data-theme=light] .table-footer{border-top-color:#0000001a;color:#0009}[data-theme=light] .pagination button{background:#fff;border-color:#00000026;color:#000c}[data-theme=light] .pagination button:hover{background:#0000000d;border-color:#dc00004d}[data-theme=light] .pagination button.active{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:transparent}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;min-height:300px}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:red;border-radius:50%;animation:spin 1s linear infinite}[data-theme=light] .spinner{border-color:#0000001a;border-top-color:#dc2626}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{margin-top:1rem;color:#ffffffb3;font-size:.9rem}[data-theme=light] .loader-text{color:#000000b3}.error-banner{background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:12px;padding:2rem;text-align:center;margin:2rem}.error-banner h3{color:#ef4444;margin:0 0 1rem;font-size:1.3rem}.error-banner p{color:#fffc;margin-bottom:1.5rem}[data-theme=light] .error-banner p{color:#000c}.error-banner button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.error-banner button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}[data-theme=light] .skeleton{background:linear-gradient(90deg,#0000000d,#0000001a,#0000000d);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:2rem;width:60%;margin-bottom:1rem}.skeleton-card{height:120px;border-radius:12px}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--card-bg: rgba(30, 30, 30, .8);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--border-color: rgba(255, 0, 0, .2);--input-bg: rgba(255, 255, 255, .05)}[data-theme=light]{--bg-primary: #f8f8f8;--bg-secondary: #ffffff;--card-bg: #ffffff;--text-primary: #1a1a1a;--text-secondary: rgba(0, 0, 0, .7);--border-color: rgba(220, 0, 0, .15);--input-bg: #f5f5f5}body{background:var(--bg-primary);color:var(--text-primary);transition:background .3s,color .3s}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}