@media (max-width:767px){.pppoe-shell{gap:.85rem}.pppoe-shell .fat-hero h2{font-size:1.35rem}.pppoe-shell .fat-hero p{font-size:.8125rem}.pppoe-shell .fat-toolbar{flex-direction:column;align-items:stretch}.pppoe-shell .fat-toolbar>.relative{min-width:0;width:100%}.pppoe-shell .fat-toolbar .fat-btn{justify-content:center}.pppoe-summary-grid{gap:.55rem}.pppoe-summary-card{padding:.8rem .9rem}.pppoe-summary-card p.mt-1{font-size:1.35rem}.pppoe-table-panel{border-radius:1rem}.pppoe-mobile-list{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.pppoe-mobile-card{position:relative;z-index:1;overflow:hidden;border-radius:1.1rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.98);box-shadow:0 6px 20px rgba(15,23,42,.06)}.pppoe-mobile-card:has(.pppoe-actions-wrap-open){z-index:40;overflow:visible}.pppoe-table-panel:has(.pppoe-actions-wrap-open){overflow:visible}.dark .pppoe-mobile-card{border-color:#27303e;background:rgba(17,25,40,.96)}.pppoe-mobile-card-header{display:flex;align-items:flex-start;gap:.75rem;padding:.95rem 1rem;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,rgba(87,80,241,.04),transparent)}.dark .pppoe-mobile-card-header{border-bottom-color:#27303e;background:linear-gradient(180deg,rgba(87,80,241,.08),transparent)}.pppoe-mobile-card-main{flex:1;min-width:0}.pppoe-mobile-card-badges{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;gap:.35rem}.pppoe-mobile-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.pppoe-mobile-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pppoe-mobile-card-field{min-width:0;padding:.8rem 1rem;border-right:1px solid #eef2f7;border-bottom:1px solid #eef2f7}.pppoe-mobile-card-field:nth-child(2n){border-right:none}.pppoe-mobile-card-field:nth-last-child(-n+2){border-bottom:none}.dark .pppoe-mobile-card-field{border-color:#27303e}.pppoe-mobile-card-field .pppoe-stack-value{display:block;margin-top:.2rem}.pppoe-mobile-card-expiry{padding:.85rem 1rem;border-top:1px solid #eef2f7}.dark .pppoe-mobile-card-expiry{border-top-color:#27303e}.pppoe-mobile-card-actions{position:relative;z-index:2;padding:.75rem 1rem 1rem;border-top:1px solid #eef2f7;background:rgba(248,250,252,.72)}.pppoe-mobile-card:has(.pppoe-actions-wrap-open) .pppoe-mobile-card-actions{z-index:5}.dark .pppoe-mobile-card-actions{border-top-color:#27303e;background:rgba(15,23,42,.35)}.pppoe-actions-wrap-full .pppoe-actions-popover{left:0;right:0;min-width:0;top:auto;bottom:calc(100% + .45rem);z-index:50;animation:pppoe-pop-up .16s ease-out}.fat-pagination{flex-direction:column;align-items:stretch!important;gap:.75rem}.fat-pagination>div:last-child{justify-content:space-between}.pppoe-form-shell{padding:0;align-items:stretch}.pppoe-form-panel{width:100%;max-width:none;max-height:none;min-height:100dvh;border-radius:0;border-left:none;border-right:none;box-shadow:none}.pppoe-form-body{padding:1rem;overflow-y:visible}.pppoe-form-footer{padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom, 0px))}.pppoe-map-modal{margin:0;width:100%;height:100dvh;max-width:none;border-radius:0}.pppoe-userinfo-backdrop{padding:0;align-items:stretch;justify-content:stretch}.pppoe-userinfo-panel.fat-modal-panel{display:block!important;height:100dvh!important;max-height:100dvh!important;width:100%!important;max-width:none!important;border-radius:0!important;border-left:none;border-right:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.pppoe-userinfo-panel .fat-modal-header{padding:1rem 1rem .85rem}.pppoe-userinfo-panel .pppoe-userinfo-tabs{position:static;border-bottom:1px solid #eef2f7;background:hsla(0,0%,100%,.98)}.dark .pppoe-userinfo-panel .pppoe-userinfo-tabs{border-bottom-color:#27303e;background:rgba(17,25,40,.98)}.pppoe-userinfo-panel .pppoe-userinfo-body{overflow:visible!important;flex:none!important;min-height:0!important;height:auto!important;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom, 0px))}.pppoe-userinfo-panel .pppoe-userinfo-footer{display:none!important}.fat-modal-panel.fat-confirm-panel{max-height:calc(100dvh - 1.5rem)!important;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.pppoe-userinfo-panel .pppoe-actions-wrap-open{position:relative;z-index:5}}.fat-shell{display:flex;flex-direction:column;gap:1.5rem}.fat-hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;border-radius:1.25rem;border:1px solid #e6ebf1;background:linear-gradient(135deg,rgba(87,80,241,.08),hsla(0,0%,100%,.96) 42%,rgba(59,130,246,.05));padding:1.25rem 1.5rem;box-shadow:0 10px 30px rgba(15,23,42,.05)}.dark .fat-hero{border-color:#27303e;background:linear-gradient(135deg,rgba(87,80,241,.18),rgba(17,25,40,.95) 45%,rgba(30,41,59,.92))}.fat-section-chip{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;background:linear-gradient(135deg,#5750f1,#3c50e0);padding:.35rem .85rem;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;box-shadow:0 4px 14px rgba(87,80,241,.28)}.fat-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;border-radius:1rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.92);padding:.875rem;box-shadow:0 4px 18px rgba(15,23,42,.04)}.dark .fat-toolbar{border-color:#27303e;background:rgba(17,25,40,.88)}.fat-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width:768px){.fat-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.fat-summary-card{border-radius:1rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.92);padding:.875rem 1rem}.dark .fat-summary-card{border-color:#27303e;background:rgba(17,25,40,.88)}.fat-card{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.96);padding:1.25rem;box-shadow:0 8px 24px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.fat-card:hover{transform:translateY(-2px);border-color:rgba(87,80,241,.28);box-shadow:0 16px 36px rgba(87,80,241,.12)}.dark .fat-card{border-color:#27303e;background:rgba(17,25,40,.92)}.fat-card-accent{position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#5750f1,#3b82f6 55%,#06b6d4)}.fat-card-icon{display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:.95rem;background:linear-gradient(135deg,rgba(87,80,241,.14),rgba(59,130,246,.12));color:#5750f1}.dark .fat-card-icon{background:rgba(87,80,241,.2);color:#a5b4fc}.fat-client-stats{border-radius:1rem;border:1px solid #e6ebf1;background:linear-gradient(180deg,rgba(249,250,251,.95),hsla(0,0%,100%,.98));padding:.875rem}.dark .fat-client-stats{border-color:#27303e;background:linear-gradient(180deg,rgba(17,25,40,.92),rgba(31,42,55,.92))}.fat-stat-pill{border-radius:.85rem;padding:.55rem .65rem;text-align:left}.fat-stat-pill-label{font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.fat-stat-pill-value{margin-top:.15rem;font-size:1.125rem;font-weight:800;line-height:1.1}.fat-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.85rem;padding:.55rem .8rem;font-size:.75rem;font-weight:700;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.fat-btn:hover{transform:translateY(-1px)}.fat-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.fat-btn-primary{background:linear-gradient(135deg,#5750f1,#3c50e0);color:#fff;box-shadow:0 4px 14px rgba(87,80,241,.24)}.fat-btn-secondary{border:1px solid #e6ebf1;background:hsla(0,0%,100%,.95);color:#374151}.dark .fat-btn-secondary{border-color:#374151;background:rgba(31,42,55,.9);color:#e5e7eb}.fat-btn-violet{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 14px rgba(124,58,237,.22)}.fat-btn-sky{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 4px 14px rgba(2,132,199,.22)}.fat-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px rgba(239,68,68,.2)}.fat-btn-ghost{border:1px solid transparent;background:rgba(87,80,241,.08);color:#5750f1}.dark .fat-btn-ghost{background:rgba(87,80,241,.16);color:#c7d2fe}.fat-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;border-radius:1rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.95);padding:.875rem 1rem;box-shadow:0 4px 18px rgba(15,23,42,.04)}.dark .fat-pagination{border-color:#27303e;background:rgba(17,25,40,.92)}.fat-modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.62);backdrop-filter:blur(6px)}.fat-modal-panel{display:flex;height:min(92vh,920px);width:100%;max-width:80rem;flex-direction:column;overflow:hidden;border-radius:1.5rem;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.98);box-shadow:0 28px 80px rgba(15,23,42,.28)}.dark .fat-modal-panel{border-color:#27303e;background:rgba(17,25,40,.98)}.fat-modal-header{position:relative;overflow:hidden;border-bottom:1px solid #e6ebf1;padding:1.25rem 1.5rem}.dark .fat-modal-header{border-color:#27303e}.fat-modal-header-glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(87,80,241,.18),transparent 42%),radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 38%)}.fat-modal-table-wrap{height:100%;overflow:auto;border-radius:1rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.98);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.dark .fat-modal-table-wrap{border-color:#27303e;background:rgba(15,23,42,.72)}.fat-modal-table thead th{position:sticky;top:0;z-index:1;background:#f8fafc;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.dark .fat-modal-table thead th{background:#1f2937;color:#cbd5e1}.fat-modal-table tbody tr:nth-child(2n){background:rgba(248,250,252,.72)}.dark .fat-modal-table tbody tr:nth-child(2n){background:rgba(31,41,55,.42)}.fat-modal-table tbody tr:hover{background:rgba(87,80,241,.06)}.dark .fat-modal-table tbody tr:hover{background:rgba(87,80,241,.12)}.fat-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .65rem;font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.fat-progress-track{height:.55rem;overflow:hidden;border-radius:9999px;background:#e5e7eb}.dark .fat-progress-track{background:#374151}.fat-progress-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#5750f1,#3b82f6)}.fat-input,.fat-select{width:100%;border-radius:.85rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.92);padding:.65rem .9rem;font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s;color:#111928}.fat-input:focus,.fat-select:focus{border-color:#5750f1;box-shadow:0 0 0 3px rgba(87,80,241,.12)}.dark .fat-input,.dark .fat-select{border-color:#374151;background:rgba(17,25,40,.88);color:#fff}.fat-select{width:auto;min-width:9rem}.fat-tab-bar{display:flex;flex-wrap:wrap;gap:.5rem;border-radius:1rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.92);padding:.5rem;box-shadow:0 4px 18px rgba(15,23,42,.04)}.dark .fat-tab-bar{border-color:#27303e;background:rgba(17,25,40,.88)}.fat-tab-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:.85rem;border:1px solid transparent;padding:.55rem .95rem;font-size:.8125rem;font-weight:700;color:#64748b;transition:all .15s ease}.fat-tab-btn:hover{background:rgba(87,80,241,.06);color:#5750f1}.dark .fat-tab-btn{color:#94a3b8}.dark .fat-tab-btn:hover{background:rgba(87,80,241,.12);color:#c7d2fe}.fat-tab-btn-active{border-color:rgba(87,80,241,.18);box-shadow:0 4px 14px rgba(87,80,241,.24)}.fat-tab-btn-active,.fat-tab-btn-active:hover{background:linear-gradient(135deg,#5750f1,#3c50e0);color:#fff}.fat-section-title{font-size:1.05rem;font-weight:800;letter-spacing:-.01em;color:#111928}.dark .fat-section-title{color:#fff}.fat-stat-card{position:relative;overflow:hidden;border-radius:1.15rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.96);padding:1.1rem 1.15rem;box-shadow:0 8px 24px rgba(15,23,42,.05)}.dark .fat-stat-card{border-color:#27303e;background:rgba(17,25,40,.92)}.fat-health-card{border-radius:1.15rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.96);padding:1.15rem;box-shadow:0 8px 24px rgba(15,23,42,.05)}.dark .fat-health-card{border-color:#27303e;background:rgba(17,25,40,.92)}.fat-empty-state{border-radius:1.25rem;border:1px dashed #d1d5db;padding:4rem 1.5rem;text-align:center}.dark .fat-empty-state{border-color:#374151}.fat-loading-wrap{display:flex;min-height:320px;align-items:center;justify-content:center}.fat-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.875rem}.fat-meta-label{font-weight:600;color:#64748b}.dark .fat-meta-label{color:#94a3b8}.fat-meta-value{font-weight:700;color:#111928}.dark .fat-meta-value{color:#fff}.fat-table-shell{overflow:hidden;border-radius:1rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.98);box-shadow:0 8px 24px rgba(15,23,42,.05)}.dark .fat-table-shell{border-color:#27303e;background:rgba(17,25,40,.92)}@media (max-width:767px){.fat-shell{gap:.85rem}.fat-shell .fat-hero{padding:1rem}.fat-shell .fat-hero h2{font-size:1.35rem}.fat-shell .fat-toolbar{flex-direction:column;align-items:stretch}.fat-shell .fat-toolbar .relative,.fat-shell .fat-toolbar>.relative{min-width:0;width:100%}.fat-shell .fat-toolbar .fat-btn,.fat-shell .fat-toolbar .fat-select{justify-content:center;width:100%}.fat-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fat-modal-backdrop:not(.pppoe-userinfo-backdrop){padding:0;align-items:stretch}.fat-modal-panel.fat-form-panel-mobile{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border-left:none;border-right:none}.fat-form-panel-mobile .fat-form-body-scroll,.fat-form-panel-mobile .pppoe-form-body{padding:1rem}.fat-form-panel-mobile .fat-form-footer,.fat-form-panel-mobile .pppoe-form-footer{padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom, 0px))}.fat-clients-toolbar .fat-toolbar{flex-direction:column;align-items:stretch}.fat-clients-toolbar .fat-select{width:100%}.fat-confirm-panel{width:calc(100% - 1.5rem)!important;max-width:none!important;margin:auto .75rem}}.pppoe-shell{display:flex;flex-direction:column;gap:1.25rem}.pppoe-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width:640px){.pppoe-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.pppoe-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.pppoe-summary-card{position:relative;overflow:hidden;border-radius:1.15rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.96);padding:1rem 1.1rem;box-shadow:0 8px 24px rgba(15,23,42,.05)}.pppoe-summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#5750f1,#06b6d4);opacity:.85}.dark .pppoe-summary-card{border-color:#27303e;background:rgba(17,25,40,.92)}.pppoe-summary-card.emerald:before{background:linear-gradient(180deg,#10b981,#059669)}.pppoe-summary-card.amber:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.pppoe-summary-card.rose:before{background:linear-gradient(180deg,#f43f5e,#e11d48)}.pppoe-summary-card.sky:before{background:linear-gradient(180deg,#0ea5e9,#0284c7)}.pppoe-table-panel{position:relative;overflow:hidden;border-radius:1.35rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.98);box-shadow:0 12px 40px rgba(15,23,42,.07)}.dark .pppoe-table-panel{border-color:#27303e;background:rgba(17,25,40,.96)}.pppoe-table-panel-accent{height:4px;background:linear-gradient(90deg,#5750f1,#6366f1 25%,#3b82f6 50%,#06b6d4 75%,#10b981)}.pppoe-table-scroll{overflow-x:auto}.pppoe-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0}.pppoe-table thead th{position:sticky;top:0;z-index:2;padding:.85rem 1rem;text-align:left;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .pppoe-table thead th{color:#94a3b8;background:linear-gradient(180deg,rgba(31,42,55,.98),rgba(17,25,40,.98));border-bottom-color:#27303e}.pppoe-table thead th:hover{color:#5750f1}.pppoe-table tbody tr{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.pppoe-table tbody tr:hover{background:linear-gradient(90deg,rgba(87,80,241,.04),rgba(59,130,246,.03))}.dark .pppoe-table tbody tr:hover{background:linear-gradient(90deg,rgba(87,80,241,.1),rgba(59,130,246,.06))}.pppoe-table tbody td{padding:.95rem 1rem;vertical-align:middle;border-bottom:1px solid #eef2f7}.dark .pppoe-table tbody td{border-bottom-color:#27303e}.pppoe-table tbody tr:last-child td{border-bottom:none}.pppoe-client-cell{display:flex;align-items:center;gap:.75rem;min-width:0}.pppoe-avatar{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:1rem;font-size:.8rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#5750f1,#3c50e0);box-shadow:0 4px 14px rgba(87,80,241,.28)}.pppoe-avatar:after{content:"";position:absolute;inset:-2px;border-radius:1.1rem;padding:2px;background:linear-gradient(135deg,rgba(87,80,241,.5),rgba(6,182,212,.35));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.pppoe-avatar.online:before{background:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.25)}.pppoe-avatar.offline:before,.pppoe-avatar.online:before{content:"";position:absolute;bottom:-1px;right:-1px;width:.65rem;height:.65rem;border-radius:999px;border:2px solid #fff}.pppoe-avatar.offline:before{background:#ef4444}.pppoe-client-name{font-size:.92rem;font-weight:800;color:#111928;line-height:1.2}.dark .pppoe-client-name{color:#fff}.pppoe-client-meta{margin-top:.15rem;font-size:.75rem;color:#64748b}.dark .pppoe-client-meta{color:#94a3b8}.pppoe-link{color:#5750f1;font-weight:700;transition:color .15s ease}.pppoe-link:hover{color:#3c50e0}.pppoe-stack-label{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.pppoe-stack-value{margin-top:.1rem;font-size:.84rem;font-weight:700;color:#1f2937}.dark .pppoe-stack-value{color:#e5e7eb}.pppoe-expiry-track{margin-top:.35rem;height:.35rem;width:100%;max-width:7rem;overflow:hidden;border-radius:999px;background:#e5e7eb}.dark .pppoe-expiry-track{background:#374151}.pppoe-expiry-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#10b981,#5750f1);transition:width .3s ease}.pppoe-expiry-fill.warning{background:linear-gradient(90deg,#f59e0b,#ef4444)}.pppoe-expiry-fill.critical{background:linear-gradient(90deg,#ef4444,#b91c1c)}.pppoe-type-pill{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;padding:.2rem .55rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pppoe-type-pill.fiber{background:rgba(139,92,246,.12);color:#7c3aed}.pppoe-type-pill.wireless{background:rgba(14,165,233,.12);color:#0284c7}.dark .pppoe-type-pill.fiber{background:rgba(139,92,246,.2);color:#c4b5fd}.dark .pppoe-type-pill.wireless{background:rgba(14,165,233,.2);color:#7dd3fc}.pppoe-actions-wrap{position:relative;display:inline-flex}.pppoe-actions-wrap-full{display:flex;width:100%}.pppoe-actions-popover{position:absolute;right:0;top:calc(100% + .45rem);z-index:40;min-width:13.5rem;overflow:hidden;border-radius:1rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.98);padding:.35rem;box-shadow:0 20px 50px rgba(15,23,42,.18);backdrop-filter:blur(10px);animation:pppoe-pop-in .16s ease-out}.dark .pppoe-actions-popover{border-color:#27303e;background:rgba(17,25,40,.98);box-shadow:0 20px 50px rgba(0,0,0,.45)}@keyframes pppoe-pop-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pppoe-action-item{display:flex;width:100%;align-items:center;gap:.65rem;border-radius:.75rem;padding:.6rem .75rem;text-align:left;font-size:.8125rem;font-weight:700;color:#334155;transition:background .12s ease,color .12s ease}.pppoe-action-item:hover:not(:disabled){background:rgba(87,80,241,.08);color:#5750f1}.dark .pppoe-action-item{color:#cbd5e1}.dark .pppoe-action-item:hover:not(:disabled){background:rgba(87,80,241,.15);color:#c7d2fe}.pppoe-action-item:disabled{opacity:.55;cursor:not-allowed}.pppoe-action-item.danger:hover:not(:disabled){background:rgba(239,68,68,.1);color:#dc2626}.pppoe-action-divider{margin:.25rem .5rem;height:1px;background:#e5e7eb}.dark .pppoe-action-divider{background:#27303e}@keyframes pppoe-pop-up{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pppoe-table-panel:has(.pppoe-actions-wrap-open),.pppoe-table-scroll:has(.pppoe-actions-wrap-open){overflow:visible}.pppoe-table tbody tr:has(.pppoe-actions-wrap-open){position:relative;z-index:5}.fat-card:has(.pppoe-actions-wrap-open){position:relative;z-index:40;overflow:visible}.pppoe-actions-wrap-full .pppoe-actions-popover{left:0;right:0;min-width:0;top:auto;bottom:calc(100% + .45rem);z-index:50;animation:pppoe-pop-up .16s ease-out}.pppoe-team-notice{display:flex;gap:.75rem;border-radius:1rem;border:1px solid rgba(87,80,241,.18);background:linear-gradient(135deg,rgba(87,80,241,.08),rgba(59,130,246,.06));padding:.85rem 1rem}.dark .pppoe-team-notice{border-color:rgba(87,80,241,.25);background:linear-gradient(135deg,rgba(87,80,241,.12),rgba(59,130,246,.08))}.pppoe-empty{padding:4rem 1.5rem;text-align:center}.pppoe-form-shell{position:fixed;inset:0;z-index:50;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;background:rgba(15,23,42,.62);backdrop-filter:blur(6px);padding:1rem}.pppoe-form-shell.hidden-shell{pointer-events:none;opacity:0;visibility:hidden}.pppoe-form-panel{margin:0 auto;width:100%;max-width:56rem;display:flex;max-height:min(92vh,920px);flex-direction:column;overflow:hidden;border-radius:1.5rem;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.98);box-shadow:0 28px 80px rgba(15,23,42,.28)}.dark .pppoe-form-panel{border-color:#27303e;background:rgba(17,25,40,.98)}.pppoe-form-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.25rem 1.5rem 1.5rem;-webkit-overflow-scrolling:touch}.pppoe-form-panel .fat-select,.pppoe-form-panel select.fat-input{width:100%;max-width:100%}.pppoe-form-footer{position:sticky;bottom:0;z-index:2;flex-shrink:0;display:flex;flex-direction:column;gap:.75rem;width:100%;border-top:1px solid #e6ebf1;background:hsla(0,0%,100%,.96);padding:1rem 1.5rem 1.25rem;backdrop-filter:blur(8px)}.pppoe-form-footer>.fat-btn-secondary{display:none!important}.pppoe-form-footer>.fat-btn-danger,.pppoe-form-footer>.fat-btn-primary,.pppoe-form-footer>button[type=submit]{width:100%;justify-content:center;padding-top:.75rem!important;padding-bottom:.75rem!important;font-size:.875rem;line-height:1.25rem}.fat-confirm-panel>.fat-modal-footer,.fat-confirm-panel>.flex.flex-wrap{display:flex!important;flex-direction:column;gap:.75rem;width:100%;align-items:stretch!important;justify-content:stretch!important;border-top:1px solid #e6ebf1;background:hsla(0,0%,100%,.96);padding:1rem 1.5rem calc(1.25rem + env(safe-area-inset-bottom, 0px))!important;backdrop-filter:blur(8px)}.fat-confirm-panel>.fat-modal-footer .fat-btn-secondary,.fat-confirm-panel>.flex.flex-wrap .fat-btn-secondary{display:none!important}.fat-confirm-panel>.fat-modal-footer .fat-btn-danger,.fat-confirm-panel>.fat-modal-footer .fat-btn-primary,.fat-confirm-panel>.flex.flex-wrap .fat-btn-danger,.fat-confirm-panel>.flex.flex-wrap .fat-btn-primary{width:100%;justify-content:center;padding-top:.75rem!important;padding-bottom:.75rem!important;font-size:.875rem;line-height:1.25rem}.pppoe-form-panel form{display:flex;min-height:0;flex:1 1 auto;flex-direction:column}.dark .fat-confirm-panel>.fat-modal-footer,.dark .fat-confirm-panel>.flex.flex-wrap,.dark .pppoe-form-footer{border-color:#27303e;background:rgba(17,25,40,.96)}.pppoe-map-modal{position:relative;margin:1rem;height:80vh;width:calc(100% - 2rem);max-width:72rem;overflow:hidden;border-radius:1.35rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.98);box-shadow:0 28px 80px rgba(15,23,42,.28)}.pppoe-userinfo-panel.infra-detail-panel.fat-modal-panel{min-height:0}.pppoe-userinfo-panel .pppoe-userinfo-body{flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:auto;padding:1rem 1rem 1.25rem;-webkit-overflow-scrolling:touch}@media (min-width:640px){.pppoe-userinfo-panel .pppoe-userinfo-body{padding:1.25rem 1.5rem 1.5rem}}@media (min-width:768px){.pppoe-userinfo-panel .pppoe-userinfo-body{padding:1.5rem 2rem 2rem}}.pppoe-userinfo-footer{flex-shrink:0;align-items:center;justify-content:flex-end;gap:.75rem;border-top:1px solid #e6ebf1;background:hsla(0,0%,100%,.96);padding:.85rem 1rem 1rem;backdrop-filter:blur(8px)}.dark .pppoe-userinfo-footer{border-color:#27303e;background:rgba(17,25,40,.96)}.infra-detail-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.dark .pppoe-map-modal{border-color:#27303e;background:rgba(17,25,40,.98)}.pppoe-live-stat{border-radius:1.15rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.96);padding:1rem;box-shadow:0 8px 24px rgba(15,23,42,.05)}.dark .pppoe-live-stat{border-color:#27303e;background:rgba(17,25,40,.92)}.pppoe-chart-panel{border-radius:1.15rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.96);padding:1rem 1.15rem}.dark .pppoe-chart-panel{border-color:#27303e;background:rgba(17,25,40,.92)}@media (max-width:767px){.pppoe-shell{gap:.85rem}.pppoe-shell .fat-hero h2{font-size:1.35rem}.pppoe-shell .fat-hero p{font-size:.8125rem}.pppoe-shell .fat-toolbar{flex-direction:column;align-items:stretch}.pppoe-shell .fat-toolbar>.relative{min-width:0;width:100%}.pppoe-shell .fat-toolbar .fat-btn{justify-content:center}.pppoe-summary-grid{gap:.55rem}.pppoe-summary-card{padding:.8rem .9rem}.pppoe-summary-card p.mt-1{font-size:1.35rem}.pppoe-table-panel{border-radius:1rem}.pppoe-mobile-list{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.pppoe-mobile-card{position:relative;z-index:1;overflow:hidden;border-radius:1.1rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.98);box-shadow:0 6px 20px rgba(15,23,42,.06)}.pppoe-mobile-card:has(.pppoe-actions-wrap-open){z-index:40;overflow:visible}.pppoe-table-panel:has(.pppoe-actions-wrap-open){overflow:visible}.dark .pppoe-mobile-card{border-color:#27303e;background:rgba(17,25,40,.96)}.pppoe-mobile-card-header{display:flex;align-items:flex-start;gap:.75rem;padding:.95rem 1rem;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,rgba(87,80,241,.04),transparent)}.dark .pppoe-mobile-card-header{border-bottom-color:#27303e;background:linear-gradient(180deg,rgba(87,80,241,.08),transparent)}.pppoe-mobile-card-main{flex:1;min-width:0}.pppoe-mobile-card-badges{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;gap:.35rem}.pppoe-mobile-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.pppoe-mobile-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pppoe-mobile-card-field{min-width:0;padding:.8rem 1rem;border-right:1px solid #eef2f7;border-bottom:1px solid #eef2f7}.pppoe-mobile-card-field:nth-child(2n){border-right:none}.pppoe-mobile-card-field:nth-last-child(-n+2){border-bottom:none}.dark .pppoe-mobile-card-field{border-color:#27303e}.pppoe-mobile-card-field .pppoe-stack-value{display:block;margin-top:.2rem}.pppoe-mobile-card-expiry{padding:.85rem 1rem;border-top:1px solid #eef2f7}.dark .pppoe-mobile-card-expiry{border-top-color:#27303e}.pppoe-mobile-card-actions{position:relative;z-index:2;padding:.75rem 1rem 1rem;border-top:1px solid #eef2f7;background:rgba(248,250,252,.72)}.pppoe-mobile-card:has(.pppoe-actions-wrap-open) .pppoe-mobile-card-actions{z-index:5}.dark .pppoe-mobile-card-actions{border-top-color:#27303e;background:rgba(15,23,42,.35)}.pppoe-actions-wrap-full .pppoe-actions-popover{left:0;right:0;min-width:0;top:auto;bottom:calc(100% + .45rem);z-index:50;animation:pppoe-pop-up .16s ease-out}@keyframes pppoe-pop-up{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.fat-pagination{flex-direction:column;align-items:stretch!important;gap:.75rem}.fat-pagination>div:last-child{justify-content:space-between}.pppoe-form-shell{padding:0;align-items:stretch}.pppoe-form-panel{width:100%;max-width:none;max-height:none;min-height:100dvh;border-radius:0;border-left:none;border-right:none;box-shadow:none}.pppoe-form-body{padding:1rem;overflow-y:visible}.pppoe-form-footer{padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom, 0px))}.pppoe-map-modal{margin:0;width:100%;height:100dvh;max-width:none;border-radius:0}.pppoe-userinfo-backdrop{padding:0;align-items:stretch;justify-content:stretch}.pppoe-userinfo-panel.fat-modal-panel{display:block!important;height:100dvh!important;max-height:100dvh!important;width:100%!important;max-width:none!important;border-radius:0!important;border-left:none;border-right:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.pppoe-userinfo-panel .fat-modal-header{padding:1rem 1rem .85rem}.pppoe-userinfo-panel .pppoe-userinfo-tabs{position:static;border-bottom:1px solid #eef2f7;background:hsla(0,0%,100%,.98)}.dark .pppoe-userinfo-panel .pppoe-userinfo-tabs{border-bottom-color:#27303e;background:rgba(17,25,40,.98)}.pppoe-userinfo-panel .pppoe-userinfo-body{overflow:visible!important;flex:none!important;min-height:0!important;height:auto!important;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom, 0px))}.pppoe-userinfo-panel .pppoe-userinfo-footer{display:none!important}.fat-modal-panel.fat-confirm-panel{max-height:calc(100dvh - 1.5rem)!important;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.pppoe-userinfo-panel .pppoe-actions-wrap-open{position:relative;z-index:5}}.pppoe-form-panel .pppoe-date-picker-field,.pppoe-form-panel .pppoe-date-picker-field .flatpickr-wrapper{width:100%}.pppoe-form-panel .form-datepicker.flatpickr-input{cursor:pointer;width:100%}.pppoe-form-panel .dash-flatpickr-calendar,.pppoe-form-panel .flatpickr-calendar.static{position:relative;top:.5rem;width:100%!important;min-width:100%;max-width:none!important;margin-top:.5rem;overflow:hidden;border:1px solid #e6ebf1;border-radius:1rem;background:hsla(0,0%,100%,.98);box-shadow:0 8px 24px rgba(15,23,42,.08);color:#111928;box-sizing:border-box}.pppoe-form-panel .flatpickr-days,.pppoe-form-panel .flatpickr-innerContainer,.pppoe-form-panel .flatpickr-rContainer{width:100%!important}.pppoe-form-panel .dayContainer{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));width:100%!important;min-width:100%!important;max-width:none!important}.pppoe-form-panel .flatpickr-weekdays{width:100%}.pppoe-form-panel .flatpickr-weekdaycontainer{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%}.pppoe-form-panel span.flatpickr-weekday{width:100%;max-width:none}.dark .pppoe-form-panel .dash-flatpickr-calendar,.dark .pppoe-form-panel .flatpickr-calendar.static{border-color:#27303e;background:rgba(17,25,40,.98);box-shadow:0 8px 24px rgba(0,0,0,.28);color:#e2e8f0}.pppoe-form-panel .dash-flatpickr-calendar.dash-flatpickr-today-only .flatpickr-months .flatpickr-next-month,.pppoe-form-panel .dash-flatpickr-calendar.dash-flatpickr-today-only .flatpickr-months .flatpickr-prev-month,.pppoe-form-panel .dash-flatpickr-calendar.today-only .flatpickr-months .flatpickr-next-month,.pppoe-form-panel .dash-flatpickr-calendar.today-only .flatpickr-months .flatpickr-prev-month{display:none}.pppoe-form-panel .dash-flatpickr-calendar.dash-flatpickr-today-only .flatpickr-current-month .flatpickr-monthDropdown-months,.pppoe-form-panel .dash-flatpickr-calendar.dash-flatpickr-today-only .flatpickr-current-month .numInput.cur-year{pointer-events:none;opacity:.9}.pppoe-form-panel .flatpickr-months{padding:.75rem .5rem 0}.pppoe-form-panel .flatpickr-current-month{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:0;font-size:1rem;font-weight:800;color:#111928}.dark .pppoe-form-panel .flatpickr-current-month{color:#fff}.pppoe-form-panel .flatpickr-current-month .flatpickr-monthDropdown-months{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:.375rem .625rem;border:1px solid #e2e8f0;border-radius:.625rem;background:#fff;color:#111928;font-size:.9375rem;font-weight:700;outline:none}.dark .pppoe-form-panel .flatpickr-current-month .flatpickr-monthDropdown-months{border-color:#334155;background:#1e293b;color:#f8fafc}.pppoe-form-panel .flatpickr-current-month .numInputWrapper{width:4.75rem}.pppoe-form-panel .flatpickr-current-month .numInput.cur-year{width:100%;padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:.625rem;background:#fff;color:#111928;font-size:.9375rem;font-weight:700;-webkit-text-fill-color:#111928}.dark .pppoe-form-panel .flatpickr-current-month .numInput.cur-year{border-color:#334155;background:#1e293b;color:#f8fafc;-webkit-text-fill-color:#f8fafc}.pppoe-form-panel .flatpickr-current-month .numInputWrapper span.arrowDown,.pppoe-form-panel .flatpickr-current-month .numInputWrapper span.arrowUp,.pppoe-form-panel .flatpickr-time .numInputWrapper span.arrowDown,.pppoe-form-panel .flatpickr-time .numInputWrapper span.arrowUp{border-color:#e2e8f0}.dark .pppoe-form-panel .flatpickr-current-month .numInputWrapper span.arrowDown,.dark .pppoe-form-panel .flatpickr-current-month .numInputWrapper span.arrowUp,.dark .pppoe-form-panel .flatpickr-time .numInputWrapper span.arrowDown,.dark .pppoe-form-panel .flatpickr-time .numInputWrapper span.arrowUp{border-color:#334155}.pppoe-form-panel .flatpickr-current-month .numInputWrapper span.arrowUp:after,.pppoe-form-panel .flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#64748b}.pppoe-form-panel .flatpickr-current-month .numInputWrapper span.arrowDown:after,.pppoe-form-panel .flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#64748b}.dark .pppoe-form-panel .flatpickr-current-month .numInputWrapper span.arrowUp:after,.dark .pppoe-form-panel .flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#94a3b8}.dark .pppoe-form-panel .flatpickr-current-month .numInputWrapper span.arrowDown:after,.dark .pppoe-form-panel .flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#94a3b8}.pppoe-form-panel span.flatpickr-weekday{color:#64748b;font-weight:700}.dark .pppoe-form-panel span.flatpickr-weekday{color:#94a3b8}.pppoe-form-panel .flatpickr-day{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1;margin:.125rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;line-height:1!important;color:#334155;font-weight:600}.dark .pppoe-form-panel .flatpickr-day{color:#cbd5e1}.pppoe-form-panel .flatpickr-day.flatpickr-disabled,.pppoe-form-panel .flatpickr-day.nextMonthDay,.pppoe-form-panel .flatpickr-day.prevMonthDay{color:#94a3b8;opacity:.45}.dark .pppoe-form-panel .flatpickr-day.flatpickr-disabled,.dark .pppoe-form-panel .flatpickr-day.nextMonthDay,.dark .pppoe-form-panel .flatpickr-day.prevMonthDay{color:#64748b}.pppoe-form-panel .flatpickr-day.endRange,.pppoe-form-panel .flatpickr-day.selected,.pppoe-form-panel .flatpickr-day.startRange{background:#5750f1!important;border-color:#5750f1!important;color:#fff!important}.pppoe-form-panel .flatpickr-time{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:none;border-top:1px solid #e6ebf1;background:#f8fafc;padding:1rem 1rem 1.125rem;line-height:1}.dark .pppoe-form-panel .flatpickr-time{border-top-color:#27303e;background:rgba(30,41,59,.72)}.pppoe-form-panel .flatpickr-time .flatpickr-am-pm,.pppoe-form-panel .flatpickr-time .flatpickr-time-separator{color:#475569;font-size:1.125rem;font-weight:800}.dark .pppoe-form-panel .flatpickr-time .flatpickr-am-pm,.dark .pppoe-form-panel .flatpickr-time .flatpickr-time-separator{color:#cbd5e1}.pppoe-form-panel .flatpickr-time input.flatpickr-hour,.pppoe-form-panel .flatpickr-time input.flatpickr-minute,.pppoe-form-panel .flatpickr-time input.flatpickr-second{height:2.5rem;width:3.25rem;border:1px solid #cbd5e1;border-radius:.625rem;background:#fff;color:#111928;font-size:1rem;font-weight:700;box-shadow:none;-webkit-text-fill-color:#111928}.dark .pppoe-form-panel .flatpickr-time input.flatpickr-hour,.dark .pppoe-form-panel .flatpickr-time input.flatpickr-minute,.dark .pppoe-form-panel .flatpickr-time input.flatpickr-second{border-color:#475569;background:#0f172a;color:#f8fafc;-webkit-text-fill-color:#f8fafc}.pppoe-form-panel .flatpickr-time input.flatpickr-hour:focus,.pppoe-form-panel .flatpickr-time input.flatpickr-minute:focus,.pppoe-form-panel .flatpickr-time input.flatpickr-second:focus{outline:none;border-color:#5750f1;box-shadow:0 0 0 3px rgba(87,80,241,.15)}.pppoe-form-panel .flatpickr-time .numInputWrapper{height:2.5rem}.pppoe-form-panel .flatpickr-months .flatpickr-next-month,.pppoe-form-panel .flatpickr-months .flatpickr-prev-month{fill:#475569;color:#475569}.dark .pppoe-form-panel .flatpickr-months .flatpickr-next-month,.dark .pppoe-form-panel .flatpickr-months .flatpickr-prev-month{fill:#e2e8f0;color:#e2e8f0}@media (max-width:639px){.pppoe-form-panel .dash-flatpickr-calendar,.pppoe-form-panel .flatpickr-calendar.static{font-size:.9375rem}.pppoe-form-panel .flatpickr-time input.flatpickr-hour,.pppoe-form-panel .flatpickr-time input.flatpickr-minute{width:3.5rem;height:2.75rem;font-size:1rem}}body>.flatpickr-calendar.dash-flatpickr-calendar,body>.flatpickr-calendar.open{z-index:10060;border:1px solid #e6ebf1;border-radius:1rem;box-shadow:0 12px 32px rgba(15,23,42,.14)}.dash-shell{display:flex;flex-direction:column;gap:1.5rem}.dash-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}@media (min-width:768px){.dash-grid{gap:1.5rem}}@media (min-width:1536px){.dash-grid{gap:1.875rem}}.dash-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.dash-stat-cards-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media (min-width:640px){.dash-stat-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.dash-stat-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dash-chart-panel{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.96);padding:1.25rem 1.5rem 1.5rem;box-shadow:0 8px 24px rgba(15,23,42,.05)}.dark .dash-chart-panel{border-color:#27303e;background:rgba(17,25,40,.92)}.dash-chart-accent{position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#5750f1,#3b82f6 55%,#06b6d4)}.dash-chart-header{position:relative;margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem}.dash-chart-title{font-size:1.125rem;font-weight:800;letter-spacing:-.01em;color:#111928}.dark .dash-chart-title{color:#fff}.dash-chart-subtitle{margin-top:.25rem;font-size:.875rem;color:#6b7280}.dark .dash-chart-subtitle{color:#9ca3af}.dash-chart-label{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.dark .dash-chart-label{color:#94a3b8}.dash-metric-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media (min-width:768px){.dash-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dash-metric-box{border-radius:1rem;background:linear-gradient(135deg,#5750f1,#3c50e0);padding:.875rem 1rem;box-shadow:0 4px 14px rgba(87,80,241,.24)}.dash-metric-box.emerald{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px rgba(16,185,129,.22)}.dash-metric-box.sky{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 4px 14px rgba(14,165,233,.22)}.dash-metric-box.amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px rgba(245,158,11,.22)}.dash-metric-box-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:hsla(0,0%,100%,.85)}.dash-metric-box-value{margin-top:.25rem;font-size:1.25rem;font-weight:800;color:#fff}.dash-nav-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.95);padding:.35rem .75rem;font-size:.875rem;font-weight:700;color:#374151;transition:transform .15s ease,border-color .15s ease,color .15s ease}.dash-nav-btn:hover:not(:disabled){border-color:rgba(87,80,241,.35);color:#5750f1;transform:translateY(-1px)}.dark .dash-nav-btn{border-color:#374151;background:rgba(31,42,55,.9);color:#e5e7eb}.dash-nav-btn:disabled{opacity:.45;cursor:not-allowed}.dash-inner-panel{border-radius:1rem;border:1px solid #e6ebf1;background:linear-gradient(180deg,rgba(249,250,251,.95),hsla(0,0%,100%,.98));padding:1rem}.dark .dash-inner-panel{border-color:#27303e;background:linear-gradient(180deg,rgba(17,25,40,.92),rgba(31,42,55,.92))}.dash-loading{display:flex;min-height:16rem;align-items:center;justify-content:center;gap:.75rem;color:#6b7280}.dark .dash-loading{color:#9ca3af}.dash-loading-spinner{height:2rem;width:2rem;animation:dash-spin 1s linear infinite;border-radius:9999px;border:4px solid rgba(87,80,241,.2);border-top-color:#5750f1}@keyframes dash-spin{to{transform:rotate(1turn)}}.dash-map-shell{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.96);padding:1rem;box-shadow:0 8px 24px rgba(15,23,42,.05)}.dark .dash-map-shell{border-color:#27303e;background:rgba(17,25,40,.92)}.dash-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width:768px){.dash-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dash-summary-card{border-radius:1rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.92);padding:.875rem 1rem}.dark .dash-summary-card{border-color:#27303e;background:rgba(17,25,40,.88)}.dash-toggle{position:relative;display:inline-flex;height:1.35rem;width:2.4rem;cursor:pointer;align-items:center;border-radius:9999px;background:#e5e7eb;transition:background .2s ease}.dash-toggle:after{content:"";position:absolute;left:2px;top:2px;height:1.05rem;width:1.05rem;border-radius:9999px;border:1px solid #d1d5db;background:#fff;transition:transform .2s ease}.dark .dash-toggle{background:#374151}.dash-toggle-input:checked+.dash-toggle{background:linear-gradient(135deg,#5750f1,#3c50e0)}.dash-toggle-input:checked+.dash-toggle:after{transform:translateX(1rem);border-color:#fff}.dash-toggle-input{position:absolute;opacity:0;pointer-events:none}.dash-announcement{position:relative;overflow:hidden;border-radius:1.15rem;border:1px solid #e6ebf1;padding:1rem 1.25rem;box-shadow:0 8px 24px rgba(15,23,42,.05)}.dark .dash-announcement{border-color:#27303e}.dash-announcement-warning{border-color:rgba(245,158,11,.45);background:linear-gradient(135deg,rgba(245,158,11,.12),hsla(0,0%,100%,.96))}.dark .dash-announcement-warning{background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(17,25,40,.92))}.dash-announcement-critical{border-color:rgba(239,68,68,.45);background:linear-gradient(135deg,rgba(239,68,68,.12),hsla(0,0%,100%,.96))}.dark .dash-announcement-critical{background:linear-gradient(135deg,rgba(239,68,68,.16),rgba(17,25,40,.92))}.dash-announcement-maintenance{border-color:rgba(59,130,246,.45);background:linear-gradient(135deg,rgba(59,130,246,.12),hsla(0,0%,100%,.96))}.dark .dash-announcement-maintenance{background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(17,25,40,.92))}.dash-announcement-info{border-color:rgba(16,185,129,.45);background:linear-gradient(135deg,rgba(16,185,129,.1),hsla(0,0%,100%,.96))}.dark .dash-announcement-info{background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(17,25,40,.92))}.dash-stat-card-value{margin-top:.5rem;font-size:1.75rem;font-weight:800;line-height:1.1}.dash-stat-card-value.tone-blue{color:#2563eb}.dash-stat-card-value.tone-amber{color:#d97706}.dash-stat-card-value.tone-rose{color:#e11d48}.dash-stat-card-value.tone-red{color:#dc2626}.dash-stat-card-value.tone-emerald{color:#059669}.dash-stat-card-value.tone-indigo{color:#4f46e5}.dash-stat-card-value.tone-purple{color:#7c3aed}.dash-stat-card-value.tone-slate{color:#475569}.dark .dash-stat-card-value.tone-blue{color:#93c5fd}.dark .dash-stat-card-value.tone-amber{color:#fcd34d}.dark .dash-stat-card-value.tone-rose{color:#fda4af}.dark .dash-stat-card-value.tone-red{color:#fca5a5}.dark .dash-stat-card-value.tone-emerald{color:#6ee7b7}.dark .dash-stat-card-value.tone-indigo{color:#a5b4fc}.dark .dash-stat-card-value.tone-purple{color:#c4b5fd}.dark .dash-stat-card-value.tone-slate{color:#cbd5e1}.dash-select-wrap{position:relative;z-index:20;display:inline-flex;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.85rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.95);font-size:.875rem;font-weight:700;outline:none}.dark .dash-select-wrap{border-color:#374151;background:rgba(17,25,40,.88)}.dash-select-menu{position:absolute;right:0;top:calc(100% + .35rem);z-index:40;width:100%;min-width:8rem;overflow:hidden;border-radius:.85rem;border:1px solid #e6ebf1;background:hsla(0,0%,100%,.98);padding:.35rem;box-shadow:0 16px 36px rgba(15,23,42,.12)}.dark .dash-select-menu{border-color:#374151;background:rgba(17,25,40,.98)}.dash-select-option{display:flex;width:100%;cursor:pointer;align-items:center;gap:.5rem;border-radius:.65rem;padding:.45rem .65rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151}.dash-select-option.selected,.dash-select-option:hover{background:rgba(87,80,241,.1);color:#5750f1}.dark .dash-select-option{color:#e5e7eb}.dark .dash-select-option.selected,.dark .dash-select-option:hover{background:rgba(87,80,241,.18);color:#c7d2fe}