*{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;background-color:#0f0f1e;color:#e4e6eb}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a0a2e)}.login-box{background-color:#16213e;padding:2.5rem;border-radius:12px;box-shadow:0 8px 32px #0000004d;width:100%;max-width:400px;border:1px solid rgba(128,90,213,.2)}.login-box h1{font-size:1.75rem;margin-bottom:1.5rem;text-align:center;background:linear-gradient(135deg,#805ad5,#b19cd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-box form{display:flex;flex-direction:column;gap:1rem}.login-box input{padding:.75rem;border:1px solid #805ad5;background-color:#0f0f1e;color:#e4e6eb;border-radius:6px;font-size:1rem;transition:border-color .2s}.login-box input:focus{outline:none;border-color:#d6bcfa;box-shadow:0 0 0 3px #805ad51a}.login-box button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#805ad5,#9f7aea);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-box button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #805ad54d}.login-box button:active{transform:translateY(0)}.admin-container{min-height:100vh;background-color:#0f0f1e}.admin-header{background:linear-gradient(90deg,#16213e,#1a0a2e);border-bottom:1px solid rgba(128,90,213,.2);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.admin-header h1{font-size:1.75rem;background:linear-gradient(135deg,#805ad5,#b19cd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1;min-width:200px}.header-controls{display:flex;gap:.75rem;flex-wrap:wrap}.btn-refresh,.btn-logout{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh{background-color:#805ad5;color:#fff}.btn-refresh:hover{background-color:#9f7aea;transform:translateY(-1px)}.btn-logout{background-color:#4a5568;color:#fff}.btn-logout:hover{background-color:#667084;transform:translateY(-1px)}.error-banner{background-color:#742a2a;color:#fc8181;padding:1rem 1.5rem;margin:1rem;border-radius:6px;border-left:4px solid #f56565}.action-banner{padding:1rem 1.5rem;margin:1rem;border-radius:6px;border-left:4px solid;font-weight:500}.action-banner-success{background-color:#48bb781a;color:#68d391;border-color:#48bb78}.action-banner-error{background-color:#f565651a;color:#fc8181;border-color:#f56565}.alerts-section{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.alert{padding:.75rem 1rem;border-radius:6px;border-left:4px solid;font-size:.95rem}.alert-warning{background-color:#ed89361a;color:#ed8936;border-color:#ed8936}.loading{padding:3rem 1.5rem;text-align:center;color:#805ad5;font-size:1.1rem}.dashboard{padding:1.5rem;max-width:1400px;margin:0 auto}.last-updated{font-size:.85rem;color:#a0aec0;margin-bottom:1.5rem}section{margin-bottom:2rem}section h2{font-size:1.35rem;margin-bottom:1rem;color:#d6bcfa;border-bottom:2px solid rgba(128,90,213,.3);padding-bottom:.5rem}.stats-section,.health-section{margin-bottom:2.5rem}.health-error-banner{background-color:#ed89361a;color:#ed8936;border-left-color:#ed8936}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.health-card{background-color:#16213e;padding:1.25rem;border-radius:8px;border:2px solid rgba(128,90,213,.2);transition:all .2s;position:relative}.health-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.health-card-header h3{font-size:.9rem;color:#a0aec0;text-transform:uppercase;letter-spacing:.05em;margin:0}.health-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.health-indicator.status-online{background-color:#48bb78;box-shadow:0 0 8px #48bb7880}.health-indicator.status-warning{background-color:#ed8936;box-shadow:0 0 8px #ed893680;animation:pulse-warning 1s infinite}.health-indicator.status-critical{background-color:#f56565;box-shadow:0 0 8px #f5656580;animation:pulse-critical .6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.4}}.health-status-online{border-color:#48bb784d}.health-status-online:hover{border-color:#48bb7880;box-shadow:0 4px 12px #48bb781a}.health-status-warning{border-color:#ed893666;background-color:#ed89360d}.health-status-warning:hover{border-color:#ed893699;box-shadow:0 4px 12px #ed893626}.health-status-critical{border-color:#f5656566;background-color:#f565650d}.health-status-critical:hover{border-color:#f5656599;box-shadow:0 4px 12px #f5656526}.health-details{font-size:.9rem;color:#cbd5e0;margin:.5rem 0 0;line-height:1.4}.health-warning{font-size:.85rem;color:#ed8936;margin:.5rem 0 0;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background-color:#16213e;padding:1.25rem;border-radius:8px;border:1px solid rgba(128,90,213,.2);transition:all .2s}.stat-card:hover{border-color:#805ad580;box-shadow:0 4px 12px #805ad51a}.stat-card h3{font-size:.9rem;color:#a0aec0;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.75rem;font-weight:700;color:#805ad5}.peer-section{background-color:#16213e;padding:1.5rem;border-radius:8px;border:1px solid rgba(128,90,213,.2);margin-bottom:1rem}.peer-info{margin-bottom:1rem}.peer-info h3{font-size:1rem;color:#d6bcfa;margin-bottom:.5rem}.peer-stats{font-size:.95rem;color:#a0aec0;margin-bottom:1rem}.progress-bar{width:100%;height:20px;background-color:#805ad51a;border-radius:10px;overflow:hidden;border:1px solid rgba(128,90,213,.2)}.progress-fill{height:100%;background:linear-gradient(90deg,#805ad5,#b19cd9);transition:width .3s ease}.activity-section{background-color:#16213e;border-radius:8px;border:1px solid rgba(128,90,213,.2);padding:1.5rem;overflow:hidden;margin-bottom:2rem}.activity-feed{max-height:400px;overflow-y:auto}.activity-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid rgba(128,90,213,.1);align-items:flex-start;transition:background-color .2s}.activity-item:hover{background-color:#805ad50d}.activity-item:last-child{border-bottom:none}.activity-type{font-size:1.5rem;min-width:40px;text-align:center;padding-top:.25rem}.activity-type-user{color:#68d391}.activity-type-payment{color:#f6ad55}.activity-type-device{color:#7c3aed}.activity-content{flex:1;min-width:0}.activity-title{font-size:.95rem;font-weight:600;color:#d6bcfa;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-subtitle{font-size:.85rem;color:#a0aec0;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{font-size:.75rem;color:#718096}.table-section{background-color:#16213e;border-radius:8px;border:1px solid rgba(128,90,213,.2);padding:1.5rem;overflow:hidden}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table thead{background-color:#805ad51a}.data-table th{padding:.75rem;text-align:left;color:#d6bcfa;font-weight:600;border-bottom:2px solid rgba(128,90,213,.3)}.data-table td{padding:.75rem;border-bottom:1px solid rgba(128,90,213,.1);color:#cbd5e0}.data-table tbody tr:hover{background-color:#805ad50d}.data-table tbody tr:last-child td{border-bottom:none}.data-table td.empty{text-align:center;color:#718096;font-style:italic}.status{padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:600;display:inline-block}.status-active,.status-paid{background-color:#48bb7833;color:#68d391}.status-pending{background-color:#ed893633;color:#ed8936}.status-inactive,.status-failed,.status-revoked{background-color:#f5656533;color:#fc8181}.status-expired{background-color:#ed893633;color:#ed8936}.status-no-sub{background-color:#71809633;color:#a0aec0}.badge{padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600;display:inline-block;white-space:nowrap}.badge-trial{background-color:#f6ad5533;color:#f6ad55;border:1px solid rgba(246,173,85,.4)}.badge-paid{background-color:#48bb7833;color:#68d391;border:1px solid rgba(72,187,120,.4)}.badge-free{background-color:#71809633;color:#a0aec0;border:1px solid rgba(113,128,150,.3)}.badge-proto-wg{background-color:#63b3ed33;color:#63b3ed;border:1px solid rgba(99,179,237,.4)}.badge-proto-reality{background-color:#9f7aea33;color:#b794f4;border:1px solid rgba(159,122,234,.4)}.badge-proto-hy2{background-color:#fc818133;color:#fc8181;border:1px solid rgba(252,129,129,.4)}.badge-ps-ok{background-color:#48bb7826;color:#68d391;border:1px solid rgba(72,187,120,.3)}.badge-ps-pending{background-color:#ed893626;color:#ed8936;border:1px solid rgba(237,137,54,.3)}.badge-ps-unknown{background-color:#71809626;color:#718096;border:1px solid rgba(113,128,150,.2)}.mono-cell{font-family:Courier New,monospace;font-size:.82rem;color:#a0d8ef;background:none}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-action{padding:.35rem .65rem;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-extend{background-color:#48bb7833;color:#68d391;border:1px solid #48bb78}.btn-extend:hover{background-color:#48bb784d;transform:translateY(-1px);box-shadow:0 2px 6px #48bb7833}.btn-disable{background-color:#ed893633;color:#ed8936;border:1px solid #ed8936}.btn-disable:hover{background-color:#ed89364d;transform:translateY(-1px);box-shadow:0 2px 6px #ed893633}.btn-token{background-color:#64b5f633;color:#64b5f6;border:1px solid #42a5f5}.btn-token:hover{background-color:#64b5f64d;transform:translateY(-1px);box-shadow:0 2px 6px #64b5f633}.btn-revoke{background-color:#f5656533;color:#fc8181;border:1px solid #f56565}.btn-revoke:hover{background-color:#f565654d;transform:translateY(-1px);box-shadow:0 2px 6px #f5656533}.btn-reveal{background-color:#805ad533;color:#d6bcfa;border:1px solid #805ad5}.btn-reveal:hover{background-color:#805ad54d;transform:translateY(-1px);box-shadow:0 2px 6px #805ad533}.btn-retry{background-color:#ed893633;color:#f6ad55;border:1px solid #ed8936;min-width:52px;display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.btn-retry:hover{background-color:#ed89364d;transform:translateY(-1px);box-shadow:0 2px 6px #ed893633}.btn-confirm-ok{background-color:#48bb7833;color:#68d391;border:1px solid #48bb78}.btn-confirm-ok:hover{background-color:#48bb784d;transform:translateY(-1px)}.btn-confirm-cancel{background-color:#71809633;color:#a0aec0;border:1px solid #718096}.btn-confirm-cancel:hover{background-color:#7180964d;transform:translateY(-1px)}.modal-confirm-message{font-size:.95rem;color:#e4e6eb;margin-bottom:1.5rem;line-height:1.5}.modal-confirm-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.modal-wide{max-width:700px}.config-textarea{width:100%;min-height:280px;font-size:.8rem;line-height:1.5}.action-cell{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.inline-error-banner{background-color:#f565651a;color:#fc8181;border-left:4px solid #f56565;padding:.6rem 1rem;margin:.5rem 1.5rem;border-radius:4px;font-size:.9rem}.spinner-inline{display:inline-block;width:12px;height:12px;border:2px solid rgba(246,173,85,.3);border-top-color:#f6ad55;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-action:active{transform:translateY(0)}.btn-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-action:disabled:hover{transform:none;box-shadow:none;background-color:inherit}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#16213e;border-radius:12px;border:1px solid rgba(128,90,213,.3);max-width:500px;width:90%;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(128,90,213,.2)}.modal-header h3{font-size:1.25rem;color:#d6bcfa;margin:0}.modal-close{background:none;border:none;color:#a0aec0;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#e4e6eb}.modal-body{padding:1.5rem}.modal-label{font-size:.95rem;color:#a0aec0;margin-bottom:1rem}.modal-label strong{color:#d6bcfa}.token-display{display:flex;gap:.5rem;margin-top:1rem}.token-input{flex:1;padding:.75rem;background-color:#0f0f1e;border:1px solid #805ad5;border-radius:6px;color:#64b5f6;font-family:Courier New,monospace;font-size:.9rem;word-break:break-all}.token-input:focus{outline:none;border-color:#b19cd9;box-shadow:0 0 0 3px #805ad51a}.token-textarea{flex:1;padding:.75rem;background-color:#0f0f1e;border:1px solid #805ad5;border-radius:6px;color:#64b5f6;font-family:Courier New,monospace;font-size:.9rem;word-break:break-all;resize:vertical}.token-textarea:focus{outline:none;border-color:#b19cd9;box-shadow:0 0 0 3px #805ad51a}.btn-copy{padding:.75rem 1.25rem;background-color:#805ad5;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-copy:hover{background-color:#9f7aea;transform:translateY(-1px)}.btn-copy:active{transform:translateY(0)}.module-tabs{display:flex;gap:.25rem;padding:.75rem 1.5rem 0;background:linear-gradient(90deg,#16213e,#1a0a2e);border-bottom:1px solid rgba(128,90,213,.25);overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:100;flex-wrap:nowrap}.module-tabs::-webkit-scrollbar{display:none}.module-tab{padding:.55rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:#a0aec0;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s;border-radius:4px 4px 0 0}.module-tab:hover{color:#d6bcfa;background-color:#805ad514}.module-tab.active{color:#d6bcfa;border-bottom-color:#805ad5;background-color:#805ad51a}.module-container{display:flex;flex-direction:column;height:calc(100vh - 130px);min-height:400px}.module-header{padding:1rem 1.5rem .75rem;background-color:#0f0f1e;border-bottom:1px solid rgba(128,90,213,.15);flex-shrink:0}.module-header-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.module-title{font-size:1.2rem;color:#d6bcfa;margin:0}.module-count{font-size:.8rem;color:#718096;background-color:#805ad526;padding:.15rem .5rem;border-radius:20px}.module-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem 1.5rem}.module-section{margin-bottom:2rem}.section-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.07em;color:#718096;margin-bottom:.75rem;font-weight:600}.module-controls{display:flex;flex-direction:column;gap:.6rem}.search-input{width:100%;max-width:480px;padding:.5rem .75rem;background-color:#0f0f1e;border:1px solid rgba(128,90,213,.4);border-radius:6px;color:#e4e6eb;font-size:.9rem;transition:border-color .2s}.search-input::placeholder{color:#4a5568}.search-input:focus{outline:none;border-color:#805ad5;box-shadow:0 0 0 2px #805ad526}.filter-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.filter-divider{width:1px;height:18px;background-color:#805ad540;margin:0 .15rem}.filter-chip{padding:.25rem .65rem;border:1px solid rgba(128,90,213,.3);border-radius:20px;background:none;color:#a0aec0;font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.filter-chip:hover{border-color:#805ad599;color:#d6bcfa}.filter-chip.active{background-color:#805ad540;border-color:#805ad5;color:#d6bcfa}.header-meta{flex:1}.last-updated-inline{font-size:.8rem;color:#718096}.empty-state{text-align:center;padding:3rem 1rem;color:#4a5568;font-style:italic;font-size:.95rem}.provider-not-impl{border-color:#7180964d;background-color:#7180960a}.admin-header{position:sticky;top:0;z-index:200}.dashboard{padding:0;max-width:100%;margin:0}@media (max-width: 768px){.module-tabs{padding:.5rem .75rem 0}.module-tab{padding:.45rem .65rem;font-size:.82rem}.module-header{padding:.75rem 1rem .6rem}.module-body{padding:1rem}.search-input{max-width:100%}.module-container{height:calc(100vh - 115px)}}@media (max-width: 480px){.module-tab{padding:.4rem .5rem;font-size:.78rem}.filter-chip{font-size:.72rem;padding:.2rem .5rem}}.admin-header{flex-direction:column;align-items:flex-start}.admin-header h1,.header-controls{width:100%}.stats-grid,.health-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card h3{font-size:.8rem}.stat-value{font-size:1.5rem}.data-table{font-size:.85rem}.data-table th,.data-table td{padding:.5rem}.table-section{padding:1rem}.activity-feed{max-height:300px}.action-buttons{flex-direction:column}.btn-action{width:100%}.modal-content{width:95%}@media (max-width: 480px){.login-box{padding:1.5rem}.login-box h1{font-size:1.5rem}.admin-header h1{font-size:1.35rem}.stats-grid,.health-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:.75rem}.stat-card h3{font-size:.7rem}.stat-value{font-size:1.25rem}.peer-section{padding:1rem}.activity-feed{max-height:250px}.action-buttons{gap:.25rem}.btn-action{padding:.3rem .5rem;font-size:.75rem}.modal-header,.modal-body{padding:1rem}.token-display{flex-direction:column}.btn-copy{width:100%}}.btn-details{background:linear-gradient(135deg,#2b6cb0,#3182ce);color:#fff;border:none;border-radius:4px;padding:.3rem .65rem;font-size:.75rem;cursor:pointer;white-space:nowrap}.btn-details:hover{background:linear-gradient(135deg,#2c5282,#2b6cb0)}.pending-devices-pill{color:#f6ad55;font-size:.75em;margin-left:2px}.user-detail-modal{max-width:860px;width:96vw;max-height:88vh;display:flex;flex-direction:column}.detail-tabs{display:flex;gap:0;border-bottom:1px solid rgba(128,90,213,.2);padding:0 1.5rem;flex-shrink:0}.detail-tab{background:none;border:none;border-bottom:2px solid transparent;color:#a0aec0;cursor:pointer;padding:.6rem 1rem;font-size:.85rem;transition:color .15s,border-color .15s;white-space:nowrap}.detail-tab:hover{color:#e4e6eb}.detail-tab.active{color:#b19cd9;border-bottom-color:#805ad5}.detail-body{overflow-y:auto;flex:1;padding:1.25rem 1.5rem}.detail-table{width:100%;border-collapse:collapse;font-size:.875rem}.detail-table th{text-align:left;width:180px;padding:.45rem .75rem .45rem 0;color:#a0aec0;font-weight:500;vertical-align:top;white-space:nowrap}.detail-table td{padding:.45rem .5rem;color:#e4e6eb;word-break:break-all}.detail-table tr:nth-child(2n) td,.detail-table tr:nth-child(2n) th{background:#ffffff06}.detail-link{color:#90cdf4;text-decoration:none;word-break:break-all}.detail-link:hover{text-decoration:underline}.tab-loading,.tab-empty{padding:2rem;text-align:center;color:#718096;font-size:.9rem}.tab-error{padding:.75rem 1rem;background:#c5303026;border:1px solid rgba(197,48,48,.35);border-radius:6px;color:#fc8181;font-size:.85rem;margin-bottom:1rem}.muted{color:#718096;font-size:.8em}.pagination-controls{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.08);margin-top:.5rem;flex-wrap:wrap;gap:.5rem}.pagination-info{color:#a0aec0;font-size:.85rem}.pagination-buttons{display:flex;gap:.5rem}.btn-page{padding:.35rem .85rem;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#e2e8f0;font-size:.82rem;cursor:pointer;transition:background .15s}.btn-page:hover:not(:disabled){background:#ffffff21}.btn-page:disabled{opacity:.35;cursor:not-allowed}.pagination-page-label{color:#718096;font-size:.82rem}.needs-repair-label{display:inline-block;margin-left:.35rem;padding:.1rem .35rem;background:#f5656526;border:1px solid rgba(245,101,101,.4);border-radius:4px;color:#fc8181;font-size:.72rem;font-weight:600;white-space:nowrap;vertical-align:middle}