html{background:#f4f7f9}.adminShell{background:radial-gradient(circle at 100% 0,#15999b0d,#0000 25%),#f4f7fb;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.adminSidebar{color:#fff;background:linear-gradient(#041a2a 0%,#062338 100%);border-right:1px solid #ffffff0d;flex-direction:column;min-height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.sidebarBrand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:16px;padding:4px 8px 20px;display:flex}.brandMark{color:#fff;background:linear-gradient(135deg,#13a3a6 0%,#0d6f88 100%);border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid;box-shadow:0 10px 22px #13a3a640}.brandText strong,.brandText span{display:block}.brandText strong{letter-spacing:.3px;font-size:18px}.brandText span{color:#90aabd;margin-top:2px;font-size:12px}.sidebarSectionLabel{color:#6f8ca3;letter-spacing:1.8px;margin-bottom:12px;padding:0 10px;font-size:11px;font-weight:800}.sidebarNav{flex-direction:column;gap:8px;display:flex}.sidebarLink{color:#d4e0e8;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:600;transition:transform .18s,background .18s,color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.sidebarLink:before{content:"";opacity:0;background:linear-gradient(90deg,#1294961f,#0000);transition:opacity .18s;position:absolute;inset:0}.sidebarLink:hover{color:#fff;background:#ffffff0a;transform:translate(4px)}.sidebarLink:hover:before{opacity:1}.sidebarLink.active{color:#fff;background:linear-gradient(90deg,#118f9233,#118f9214);box-shadow:inset 0 0 0 1px #1dbfc22e,0 10px 24px #0000001f}.sidebarLink.active:after{content:"";background:linear-gradient(#1ad0d3 0%,#0f9ca0 100%);border-radius:0 8px 8px 0;width:4px;position:absolute;top:12px;bottom:12px;left:0}.sidebarBottom{margin-top:auto;padding-top:18px}.sidebarInfrastructureCard{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:16px;padding:15px}.infraTop{align-items:center;gap:10px;display:flex}.infraIcon{color:#48d0d2;background:#14a6aa1f;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.sidebarInfrastructureCard strong,.sidebarInfrastructureCard span{display:block}.sidebarInfrastructureCard strong{font-size:13px}.sidebarInfrastructureCard span{color:#88a2b2;margin-top:2px;font-size:11px}.infraStatus{color:#b9c8d3;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:inline-flex}.statusDot{background:#17c964;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #17c964b3}.adminContent{padding:26px}@media (width<=1100px){.adminShell{grid-template-columns:1fr}.adminSidebar{min-height:auto;position:static}}.adminShell{min-height:100vh;display:block}.adminSidebar{box-sizing:border-box;z-index:100;width:260px;height:100vh;min-height:100vh;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.adminContent{box-sizing:border-box;min-width:0;min-height:100vh;margin-left:260px}.brandLogoWrap{justify-content:center;align-items:center;width:64px;min-width:64px;height:64px;display:flex;overflow:visible}.brandLogoImage{object-fit:contain;width:100%;height:100%;display:block}.sidebarBrand{gap:14px;padding-top:2px;padding-bottom:22px}.brandText strong{font-size:19px;font-weight:800}.brandText span{font-size:12px}.sidebarBottom{flex-direction:column;gap:12px;margin-top:auto;padding-top:18px;display:flex}.sidebarLogoutButton{color:#d8e3ea;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;outline:none;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:14px;font-weight:700;transition:background .18s,color .18s,transform .18s,border-color .18s;display:flex}.sidebarLogoutButton:hover:not(:disabled){color:#fff;background:#ef44441a;border-color:#ef444440;transform:translateY(-1px)}.sidebarLogoutButton:disabled{opacity:.6;cursor:not-allowed}.adminSidebar::-webkit-scrollbar{width:5px}.adminSidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:20px}@media (width<=1100px){.adminSidebar{width:100%;height:auto;min-height:auto;position:static;overflow:visible}.adminContent{margin-left:0}.brandLogoWrap{width:60px;min-width:60px;height:60px}}.customerShell{color:#092236;background:#f3f6f9;min-height:100vh}.customerSidebar{box-sizing:border-box;color:#fff;z-index:100;scrollbar-width:none;background:linear-gradient(#041c2d 0%,#062438 100%);flex-direction:column;width:228px;height:100vh;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.customerSidebar::-webkit-scrollbar{display:none}.customerSidebarBrand{align-items:center;gap:11px;min-height:58px;padding:0 5px;display:flex}.customerSidebarLogo{object-fit:contain;flex-shrink:0;width:46px;height:46px}.customerSidebarBrand strong{color:#fff;letter-spacing:.25px;font-size:15px;font-weight:800;line-height:1.1;display:block}.customerSidebarBrand span{color:#8da8b9;margin-top:5px;font-size:10.5px;display:block}.customerSidebarDivider{background:#ffffff12;height:1px;margin:16px 0}.customerSidebarLabel{color:#66869c;letter-spacing:1.7px;margin-bottom:14px;padding:0 10px;font-size:9.5px;font-weight:800}.customerSidebarNav{flex-direction:column;gap:7px;display:flex}.customerNavLink{color:#bfd0dc;border-radius:11px;align-items:center;gap:11px;min-height:42px;padding:0 12px;font-size:12.5px;font-weight:650;text-decoration:none;transition:background .16s,color .16s,transform .16s;display:flex;position:relative}.customerNavLink:hover{color:#fff;background:#ffffff0b}.customerNavLink.active{color:#fff;background:#11a5a929;box-shadow:inset 0 0 0 1px #25c0c31f}.customerNavLink.active:before{content:"";background:#18bec1;border-radius:0 5px 5px 0;width:3px;position:absolute;top:9px;bottom:9px;left:0}.customerSidebarBottom{flex-direction:column;gap:10px;margin-top:auto;display:flex}.customerRegionCard{background:#ffffff0b;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:30px 1fr;align-items:center;gap:9px;padding:13px;display:grid}.customerRegionIcon{color:#27c3c6;background:#13a6aa1a;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.customerRegionCard strong{color:#fff;font-size:10.5px;display:block}.customerRegionCard span{color:#7897ab;margin-top:3px;font-size:9px;display:block}.customerRegionStatus{color:#a9bdca;grid-column:1/-1;align-items:center;gap:7px;padding-top:3px;font-size:9.5px;display:flex}.customerRegionStatus i{background:#20c874;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #20c87499}.customerLogoutButton{color:#cedce5;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:41px;padding:0 13px;font-size:12px;font-weight:700;display:flex}.customerLogoutButton:hover{color:#fff;background:#ef44441a}.customerMainContent{box-sizing:border-box;min-height:100vh;margin-left:228px;padding:24px}@media (width<=850px){.customerSidebar{width:100%;height:auto;position:static}.customerMainContent{margin-left:0;padding:16px}.customerSidebarBottom{margin-top:20px}}.dashboardPage{flex-direction:column;gap:22px;display:flex}.dashboardHero{background:radial-gradient(circle at 100% 0,#15999b2e,#0000 22%),linear-gradient(135deg,#fff 0%,#f7fbfc 100%);border:1px solid #e7eff3;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:18px;padding:28px 30px;display:flex;box-shadow:0 16px 40px #0a22350f}.heroBadge{color:#118f92;letter-spacing:1.2px;background:#118f9214;border-radius:999px;margin-bottom:10px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-block}.dashboardHero h1{letter-spacing:-1.5px;color:#0b2332;margin:0 0 10px;font-size:40px;line-height:1}.dashboardHero p{color:#738893;max-width:640px;margin:0;font-size:15px;line-height:1.7}.heroStatus{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.heroStatusChip{color:#163445;background:#fff;border:1px solid #e5eef2;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 10px 20px #0a22350d}.onlineDot{background:#18c964;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #18c964a6}.heroStatusMeta{text-align:right}.heroStatusMeta strong,.heroStatusMeta span{display:block}.heroStatusMeta strong{color:#102d3d;font-size:12px}.heroStatusMeta span{color:#78909d;margin-top:2px;font-size:12px}.statsGrid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.statCard{background:#fff;border:1px solid #e8eef2;border-radius:20px;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 14px 34px #0824350d}.statIconWrap{color:#138f92;background:linear-gradient(135deg,#118f921f,#118f920a);border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.statCard span,.statCard strong,.statCard small{display:block}.statCard span{color:#7a8d98;font-size:13px}.statCard strong{color:#0f2736;margin-top:6px;font-size:31px;line-height:1}.statCard small{color:#93a2ab;margin-top:8px;font-size:12px}.dashboardMainGrid{grid-template-columns:1.4fr .8fr;gap:18px;display:grid}.panel{background:#fff;border:1px solid #e8eef2;border-radius:22px;padding:22px;box-shadow:0 14px 34px #0824350d}.panelLarge{min-height:380px}.panelHead{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.panelEyebrow{color:#118f92;letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:800;display:inline-block}.panel h3{color:#102b3b;margin:5px 0 0;font-size:22px}.panelLegend{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.legendItem{color:#718792;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.legendDot{border-radius:50%;width:10px;height:10px}.legendDotPrimary{background:#16a7aa}.legendDotSoft{background:#8bbfc0}.chartWrap{width:100%}.tallChart{height:290px}.mediumChart{height:250px}.capacityMeta{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px;display:grid}.capacityMeta div{background:#f7fafc;border:1px solid #edf3f6;border-radius:14px;padding:14px}.capacityMeta strong,.capacityMeta span{display:block}.capacityMeta strong{color:#0f2c3b;font-size:24px}.capacityMeta span{color:#7f939f;margin-top:4px;font-size:12px}.infrastructurePanel{margin-top:2px}.panelPill{color:#118f92;background:#f4fbfb;border:1px solid #dff0f0;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.tableWrap{overflow-x:auto}.dashboardTable{border-collapse:collapse;width:100%}.dashboardTable th{text-align:left;color:#7c909b;border-bottom:1px solid #edf2f5;padding:14px 12px;font-size:12px;font-weight:700}.dashboardTable td{color:#102c3c;border-bottom:1px solid #f2f5f7;padding:16px 12px;font-size:14px}.statusBadge{color:#149a56;background:#eefbf3;border-radius:999px;justify-content:center;align-items:center;min-width:80px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}@media (width<=1300px){.statsGrid{grid-template-columns:repeat(2,1fr)}.dashboardMainGrid{grid-template-columns:1fr}}@media (width<=760px){.adminContent{padding:16px}.dashboardHero{flex-direction:column;padding:22px}.dashboardHero h1{font-size:30px}.statsGrid{grid-template-columns:1fr}}.customerModalOverlay{z-index:1000;-webkit-backdrop-filter:blur(7px);background:#020c1694;justify-content:center;align-items:center;padding:24px;animation:.18s customerModalFade;display:flex;position:fixed;inset:0}.customerFormCard{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border:1px solid #0a304617;border-radius:24px;width:min(860px,100%);max-height:88vh;padding:30px;animation:.2s customerModalOpen;overflow:hidden auto;box-shadow:0 30px 80px #00000047,0 6px 24px #0000001f}.customerFormCard::-webkit-scrollbar{width:0;height:0;display:none}.customerFormCard h2{color:#071d2d;margin:0;font-size:25px;font-weight:800}.customerFormCard>div>p{color:#718292;margin:7px 0 24px;font-size:14px}.customerFormCard .formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.customerFormCard label{color:#243746;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.customerFormCard input,.customerFormCard select{box-sizing:border-box;color:#102431;background:#f9fbfc;border:1px solid #d9e2e9;border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.customerFormCard input:focus,.customerFormCard select:focus{background:#fff;border-color:#149da0;box-shadow:0 0 0 4px #149da01a}.inputWithUnit{position:relative}.inputWithUnit input{padding-right:55px}.inputWithUnit span{color:#718391;font-size:12px;font-weight:800;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.customerFormCard .formActions{background:#fff;border-top:1px solid #edf1f4;justify-content:flex-end;align-items:center;gap:12px;margin-top:28px;padding-top:20px;padding-bottom:2px;display:flex;position:sticky;bottom:-30px}.customerFormCard .formActions button{color:#334956;cursor:pointer;background:#fff;border:1px solid #dce4e9;border-radius:12px;min-height:44px;padding:0 20px;font-size:14px;font-weight:700}.customerFormCard .formActions .primaryButton{color:#fff;background:linear-gradient(135deg,#139b9e 0%,#087583 100%);border:none;min-width:220px;box-shadow:0 10px 25px #0d848b33}.customerFormCard button:disabled{opacity:.6;cursor:not-allowed}@keyframes customerModalFade{0%{opacity:0}to{opacity:1}}@keyframes customerModalOpen{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=720px){.customerModalOverlay{align-items:flex-end;padding:12px}.customerFormCard{border-radius:22px 22px 0 0;width:100%;max-height:94vh;padding:22px}.customerFormCard .formGrid{grid-template-columns:1fr}.customerFormCard .formActions{flex-direction:column-reverse}.customerFormCard .formActions button{width:100%}}.saudiPhoneField{background:#f9fbfc;border:1px solid #d9e2e9;border-radius:12px;align-items:stretch;width:100%;height:48px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;overflow:hidden}.saudiPhoneField:focus-within{background:#fff;border-color:#149da0;box-shadow:0 0 0 4px #149da01a}.saudiPhonePrefix{-webkit-user-select:none;user-select:none;background:#f0f5f7;border-right:1px solid #d9e2e9;justify-content:center;align-items:center;gap:8px;min-width:105px;padding:0 13px;display:flex}.saudiFlag{font-size:20px;line-height:1}.saudiCode{color:#122b3a;direction:ltr;font-size:14px;font-weight:800}.customerFormCard .saudiPhoneField input{letter-spacing:.4px;direction:ltr;flex:1;width:100%;height:46px;padding:0 14px;font-size:15px;font-weight:600;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.customerFormCard .saudiPhoneField input:focus{outline:none;box-shadow:none!important}.phoneHint{color:#8797a3;margin-top:1px;font-size:11px;font-weight:500}.customerActionButtons{white-space:nowrap;align-items:center;gap:7px;display:flex}.customerActionButtons button{cursor:pointer;border-radius:9px;height:34px;padding:0 11px;font-size:12px;font-weight:700;transition:transform .15s,background .15s,border-color .15s}.customerActionButtons button:hover:not(:disabled){transform:translateY(-1px)}.customerEditButton{color:#183747;background:#f6f9fb;border:1px solid #dce5ea}.customerSuspendButton{color:#9a6500;background:#fff9ed;border:1px solid #f2d7a2}.customerActivateButton{color:#087a46;background:#edfdf5;border:1px solid #b5ecd0}.customerDeleteButton{color:#bc3030;background:#fff2f2;border:1px solid #f1c5c5}.customerActionButtons button:disabled{opacity:.5;cursor:not-allowed}.customerActionError{color:#c53939;max-width:220px;margin-top:7px;font-size:11px}.customerStatus-active{color:#087748!important;background:#e9fbf2!important}.customerStatus-suspended{color:#986500!important;background:#fff5dc!important}.customerStatus-closed{color:#ad3030!important;background:#ffecec!important}.customerEditModal{width:min(780px,100%)}.customerModalTitle{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.customerModalTitle h2{margin:0}.customerModalTitle p{color:#80909b;margin:6px 0 0}.modalCloseButton{color:#324956;cursor:pointer;background:#f2f5f7;border:none;border-radius:10px;width:38px;height:38px;font-size:24px;line-height:1}.customerConfirmModal{text-align:center;background:#fff;border-radius:22px;width:min(440px,100% - 32px);padding:30px;box-shadow:0 30px 80px #00000047}.confirmIcon{border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:23px;font-weight:900;display:grid}.confirmIcon.warning{color:#a76c00;background:#fff2cf}.confirmIcon.danger{color:#bd3030;background:#ffe7e7}.customerConfirmModal h3{color:#102a39;margin:0 0 10px;font-size:21px}.customerConfirmModal p{color:#6e808c;margin:0;font-size:14px;line-height:1.6}.confirmActions{gap:10px;margin-top:26px;display:flex}.confirmActions button{cursor:pointer;border:1px solid #dce4e9;border-radius:11px;flex:1;height:44px;font-weight:700}.confirmPrimary{color:#fff;background:#0e8f92;border:none!important}.confirmDanger{color:#fff;background:#c93838;border:none!important}@media (width<=900px){.customerActionButtons{flex-direction:column;align-items:stretch}.customerActionButtons button{width:100%}}.storageActions{align-items:center;gap:10px;display:flex}.storageActions button{cursor:pointer;background:#fff;border:1px solid #dbe5e8;border-radius:10px;align-items:center;gap:7px;padding:10px 15px;display:flex}.storageActions .primaryButton{color:#fff;background:#118f92;border-color:#118f92}.storageActions button:disabled{opacity:.55;cursor:not-allowed}.storageToolbar{gap:9px;margin-bottom:16px;display:flex}.storageToolbar select{background:#fff;border:1px solid #dbe5e8;border-radius:10px;min-width:330px;padding:11px 13px}.storageToolbar button{cursor:pointer;background:#fff;border:1px solid #dbe5e8;border-radius:10px;place-items:center;width:42px;display:grid}.storageUsage{background:#fff;border-radius:16px;margin-bottom:17px;padding:18px;box-shadow:0 6px 24px #1428320d}.storageUsageNumbers{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.storageUsageNumbers span{color:#84939b;font-size:11px;display:block}.storageUsageNumbers strong{margin-top:5px;font-size:15px;display:block}.usageBar{background:#edf2f3;border-radius:20px;height:8px;margin-top:17px;overflow:hidden}.usageBar div{background:#15999b;border-radius:20px;height:100%;transition:width .3s}.fileManager{padding:0;overflow:hidden}.fileManagerHeader{border-bottom:1px solid #edf1f3;align-items:center;gap:12px;padding:15px 18px;display:flex}.fileManagerHeader button{cursor:pointer;background:#edf5f5;border:0;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.fileManagerHeader button:disabled{opacity:.4;cursor:default}.fileManagerHeader span,.fileManagerHeader strong{display:block}.fileManagerHeader span{color:#86959c;font-size:10px}.fileManagerHeader strong{margin-top:2px;font-size:12px}.fileRow{border-bottom:1px solid #edf1f3;grid-template-columns:minmax(250px,1fr) 130px 110px;align-items:center;min-height:64px;padding:10px 18px;display:grid}.fileRow:last-child{border-bottom:0}.fileName{align-items:center;gap:11px;min-width:0;display:flex}.fileName svg,.folderRow svg{color:#148f92;flex-shrink:0}.fileName strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.fileName small{color:#8b989f;margin-top:4px;font-size:10px;display:block}.fileRow>span{color:#7d8e96;font-size:12px}.folderRow{cursor:pointer}.openButton{cursor:pointer;background:#fff;border:1px solid #dce5e8;border-radius:8px;justify-self:end;padding:7px 12px}.fileButtons{justify-content:flex-end;gap:7px;display:flex}.fileButtons a,.fileButtons button{cursor:pointer;color:#29414c;background:#fff;border:1px solid #dce5e8;border-radius:8px;place-items:center;width:34px;height:34px;text-decoration:none;display:grid}.fileButtons .dangerButton{color:#c34444}.emptyStorage,.storageLoading{justify-content:center;align-items:center;min-height:240px;display:flex}.emptyStorage{color:#89979e;flex-direction:column}.emptyStorage svg{color:#96a9b1}.emptyStorage strong{color:#324750;margin-top:13px}.emptyStorage span{margin-top:5px;font-size:12px}.storageLoading{color:#758890;font-size:13px}.storageError{margin-bottom:15px}.storageSpin{animation:1s linear infinite storage-spin}@keyframes storage-spin{to{transform:rotate(360deg)}}@media (width<=800px){.storageUsageNumbers{grid-template-columns:repeat(2,1fr)}.fileRow{grid-template-columns:minmax(160px,1fr) 80px 90px}.storageToolbar select{flex:1;min-width:0}}.nnxAuth{background:#fff;grid-template-columns:50% 50%;width:100%;min-height:100vh;display:grid}.nnxAuthVisual{color:#fff;background:radial-gradient(circle at 75% 22%,#14a6aa38,#0000 32%),radial-gradient(circle at 10% 90%,#15999b1f,#0000 30%),#061b2a;flex-direction:column;min-height:100vh;padding:42px 55px;display:flex;position:relative;overflow:hidden}.nnxAuthVisual:after{content:"";border:1px solid #ffffff0f;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-170px;right:-210px}.visualTop{z-index:1;align-items:center;gap:13px;display:flex;position:relative}.visualLogo{background:#159b9e;border-radius:13px;place-items:center;width:47px;height:47px;font-size:25px;font-weight:800;display:grid}.visualBrand strong,.visualBrand span{display:block}.visualBrand strong{letter-spacing:1.4px;font-size:17px}.visualBrand span{color:#78a9b4;letter-spacing:3px;margin-top:2px;font-size:9px}.visualContent{z-index:1;max-width:540px;margin:auto 0;position:relative}.visualBadge{color:#52c9ca;letter-spacing:2px;margin-bottom:22px;font-size:10px;font-weight:700;display:inline-block}.visualContent h1{letter-spacing:-3px;color:#fff;margin:0;font-size:clamp(42px,5vw,72px);line-height:.98}.visualContent>p{color:#8fa8b3;max-width:430px;margin:26px 0 0;font-size:14px;line-height:1.8}.visualFeatures{flex-direction:column;gap:12px;margin-top:35px;display:flex}.visualFeatures>div{color:#b9cbd2;align-items:center;gap:10px;font-size:12px;display:flex}.visualFeatures svg{color:#37b9bb}.visualFooter{z-index:1;color:#597886;justify-content:space-between;font-size:10px;display:flex;position:relative}.nnxAuthFormSide{background:#fff;align-items:center;min-height:100vh;padding:60px clamp(45px,8vw,135px);display:flex}.nnxAuthForm{width:100%;max-width:460px}.mobileBrand{display:none}.formHeading{margin-bottom:39px}.formHeading>span{color:#148f92;letter-spacing:2px;font-size:10px;font-weight:800}.formHeading h2{color:#0b2130;letter-spacing:-1.5px;margin:8px 0;font-size:36px}.formHeading p{color:#85939a;max-width:370px;margin:0;font-size:13px;line-height:1.6}.nnxAuthForm form{flex-direction:column;gap:26px;display:flex}.cleanField{flex-direction:column;gap:9px;display:flex}.cleanField label{color:#304650;font-size:11px;font-weight:700}.cleanField input{color:#0b2130;background:0 0;border:0;border-bottom:1px solid #d6e0e3;border-radius:0;outline:none;width:100%;padding:11px 0 12px;font-size:14px;transition:border-color .2s}.cleanField input::placeholder{color:#aab6bb}.cleanField input:focus{border-bottom-color:#12979a}.passwordInput{border-bottom:1px solid #d6e0e3;align-items:center;gap:9px;transition:border-color .2s;display:flex}.passwordInput:focus-within{border-bottom-color:#12979a}.passwordInput svg{color:#97a7ae}.passwordInput input{border:0}.fieldTitle{justify-content:space-between;display:flex}.nnxLoginButton{color:#fff;cursor:pointer;background:#0b2735;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:14px 17px;font-size:13px;font-weight:700;transition:transform .15s,background .15s;display:flex}.nnxLoginButton:hover{background:#103746;transform:translateY(-1px)}.nnxLoginButton:disabled{opacity:.6;cursor:wait}.createAccountText{color:#87969d;gap:6px;margin-top:30px;font-size:12px;display:flex}.createAccountText a{color:#128f92;font-weight:700;text-decoration:none}.createAccountText a:hover{text-decoration:underline}.authSecurity{color:#9aa7ad;border-top:1px solid #edf1f2;align-items:center;gap:7px;margin-top:40px;padding-top:20px;font-size:10px;display:flex}.authSecurity svg{color:#13989a}.authError{color:#a13c3c;background:#fff5f5;border-left:3px solid #cf5050;margin-bottom:22px;padding:11px 13px;font-size:11px}.registerForm form{gap:19px}@media (width<=850px){.nnxAuth{grid-template-columns:1fr}.nnxAuthVisual{display:none}.nnxAuthFormSide{align-items:center;min-height:100vh;padding:40px 27px}.nnxAuthForm{max-width:100%}.mobileBrand{color:#128f92;letter-spacing:2px;margin-bottom:40px;font-size:13px;font-weight:800;display:block}.formHeading h2{font-size:30px}}.otpIcon{color:#128f92;background:#edf9f9;border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:25px;display:grid}.otpEmail{color:#102b39;word-break:break-all;margin-top:12px;font-size:13px;font-weight:700;display:inline-block}.otpField input{text-align:center;letter-spacing:18px;color:#092535;padding-left:18px;font-size:32px;font-weight:800}.authSuccess{color:#147057;background:#eefaf6;border-left:3px solid #149a78;margin-bottom:22px;padding:11px 13px;font-size:11px}.otpResend{color:#87969d;align-items:center;gap:7px;margin-top:25px;font-size:12px;display:flex}.otpResend button{color:#128f92;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.otpResend button:disabled{opacity:.5;cursor:wait}.otpBack{color:#71858e;align-items:center;gap:6px;margin-top:28px;font-size:11px;text-decoration:none;display:inline-flex}.otpBack:hover{color:#128f92}.visualLogoImage{object-fit:contain;flex-shrink:0;width:58px;height:58px;display:block}.mobileBrandWithLogo img{object-fit:contain;width:38px;height:38px;display:block}@media (width<=900px){.visualLogoImage{width:50px;height:50px}}.visualLogoImage{object-fit:contain;min-width:82px;display:block;width:82px!important;height:82px!important}.visualTop{align-items:center;gap:16px}.visualBrand strong{font-size:21px}.visualBrand span{letter-spacing:.16em;font-size:12px}.mobileBrandWithLogo{align-items:center;gap:12px;display:flex}.mobileBrandWithLogo img{object-fit:contain;display:block;width:58px!important;height:58px!important}.mobileBrandWithLogo span{letter-spacing:.08em;font-weight:800}@media (width<=900px){.visualLogoImage{min-width:68px;width:68px!important;height:68px!important}.mobileBrandWithLogo img{width:54px!important;height:54px!important}}.cpDashboard{flex-direction:column;gap:20px;font-size:13px;display:flex}.cpHero{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#11a7aa17,#0000 35%),#fff;border:1px solid #e5ecef;border-radius:22px;justify-content:space-between;gap:20px;min-height:118px;padding:22px 26px;display:flex;box-shadow:0 10px 30px #07192609}.cpEyebrow{color:#0b9296;letter-spacing:1.4px;background:#e9f6f6;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800;display:inline-flex}.cpHero h1{color:#071f31;letter-spacing:-.4px;margin:12px 0 0;font-size:25px;font-weight:800;line-height:1.15}.cpHero p{color:#758a99;max-width:670px;margin:8px 0 0;font-size:12px;line-height:1.55}.cpHeroStatus{text-align:right;min-width:130px}.cpOnline{color:#092438;background:#fff;border:1px solid #edf1f3;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-left:auto;padding:8px 12px;font-size:10px;font-weight:800;display:flex;box-shadow:0 7px 16px #0718240d}.cpOnline i{background:#20c876;border-radius:50%;width:7px;height:7px}.cpHeroStatus>strong{color:#17374b;margin-top:12px;font-size:10px;display:block}.cpHeroStatus>span{color:#7c909e;margin-top:3px;font-size:10px;display:block}.cpStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.cpStats article{box-sizing:border-box;background:#fff;border:1px solid #e6edef;border-radius:17px;align-items:center;gap:13px;min-height:88px;padding:17px;display:flex;box-shadow:0 8px 22px #07192709}.cpStatIcon{color:#0e9da1;background:#eaf6f6;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.cpStats span{color:#778c9a;font-size:10px;display:block}.cpStats strong{color:#071f31;margin-top:5px;font-size:17px;font-weight:800;line-height:1.1;display:block}.cpStats small{color:#97a7b1;margin-top:5px;font-size:9.5px;display:block}.cpAnalytics{grid-template-columns:minmax(0,1.65fr) minmax(285px,.75fr);gap:16px;display:grid}.cpUsageCard,.cpAllocationCard,.cpAccountCard{background:#fff;border:1px solid #e5ecef;border-radius:18px;padding:20px;box-shadow:0 8px 22px #07192709}.cpSectionHeader{justify-content:space-between;margin-bottom:16px;display:flex}.cpSectionHeader span{color:#0a999d;letter-spacing:1.5px;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.cpSectionHeader h2{color:#082337;margin:0;font-size:17px;font-weight:800}.cpCapacityNumbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.cpCapacityNumbers>div{background:#f7fafb;border:1px solid #edf1f3;border-radius:12px;padding:12px 13px}.cpCapacityNumbers span{color:#7d909e;font-size:9.5px}.cpCapacityNumbers strong{color:#082236;margin-top:5px;font-size:15px;display:block}.cpStorageChart{grid-template-columns:36px 1fr;gap:8px;height:210px;display:grid}.cpChartScale{color:#94a5af;flex-direction:column;justify-content:space-between;align-items:flex-end;height:175px;font-size:9px;display:flex}.cpChartBody{border-bottom:1px solid #dce5e9;border-left:1px solid #dce5e9;height:175px;position:relative}.cpChartGrid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.cpChartGrid i{border-top:1px dashed #e8eef1;width:100%}.cpBars{justify-content:center;align-items:flex-end;gap:55px;padding:0 40px;display:flex;position:absolute;inset:0}.cpBarColumn{flex-direction:column;justify-content:flex-end;align-items:center;width:75px;height:100%;display:flex}.cpBarArea{align-items:flex-end;width:40px;height:145px;display:flex}.cpBar{border-radius:8px 8px 2px 2px;width:100%;min-height:3px;transition:height .25s}.cpBar.used{background:linear-gradient(#1db5b8,#0d8f94)}.cpBar.available{background:linear-gradient(#b9dce0,#93c8ce)}.cpBarColumn>span{color:#758a99;margin-top:8px;font-size:9px}.cpDonutWrap{justify-content:center;padding:12px 0 24px;display:flex}.cpDonut{border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.cpDonutInner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:103px;height:103px;display:flex}.cpDonutInner strong{color:#082337;font-size:23px;font-weight:800}.cpDonutInner span{color:#899ba6;margin-top:4px;font-size:9px}.cpAllocationValues{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cpAllocationValues>div{background:#f7fafb;border:1px solid #edf1f3;border-radius:12px;padding:13px}.cpAllocationValues strong{color:#082337;font-size:18px;display:block}.cpAllocationValues span{color:#8496a2;margin-top:4px;font-size:9px;display:block}.cpAccountGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.cpAccountGrid>div{background:#f8fafb;border:1px solid #edf1f3;border-radius:12px;padding:13px}.cpAccountGrid span{color:#7d909e;font-size:9px;display:block}.cpAccountGrid strong{color:#102c3e;overflow-wrap:anywhere;margin-top:5px;font-size:11px;display:block}.cpState{background:#fff;border-radius:14px;flex-direction:column;gap:8px;max-width:500px;padding:20px;display:flex}.cpState button{color:#fff;cursor:pointer;background:#109da0;border:0;border-radius:8px;width:fit-content;margin-top:6px;padding:8px 13px}@media (width<=1250px){.cpStats{grid-template-columns:repeat(2,minmax(0,1fr))}.cpAnalytics{grid-template-columns:1fr}.cpAccountGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.cpHero{flex-direction:column}.cpHeroStatus{text-align:left}.cpOnline{margin-left:0}.cpStats,.cpCapacityNumbers,.cpAccountGrid{grid-template-columns:1fr}}*{box-sizing:border-box}body{color:#11212d;background:#f4f7f9;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#071c2c;flex-direction:column;min-height:100vh;padding:26px 18px;display:flex}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brandMark{background:#18a3a5;border-radius:12px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.8px;font-size:17px}.brand span{color:#8da1ae;margin-top:3px;font-size:12px}nav{flex-direction:column;gap:7px;margin-top:24px;display:flex}nav a{color:#afbfca;cursor:pointer;border-radius:10px;align-items:center;gap:11px;padding:11px 12px;font-size:14px;display:flex}nav a:hover,nav a.active{color:#fff;background:#18a3a526}nav a.active{border-left:3px solid #18a3a5}.sidebarFooter{color:#718995;margin-top:auto;padding:16px 10px 0;font-size:12px}.sidebarFooter strong{color:#bccbd3;margin-top:4px;display:block}main{padding:30px;overflow:hidden}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}h1{letter-spacing:-.5px;margin:0;font-size:28px}header p{color:#71808b;margin:5px 0 0;font-size:14px}.status{background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:700;display:flex;box-shadow:0 5px 20px #0000000d}.status span{background:#999;border-radius:50%;width:8px;height:8px}.status.online span,.nodeStatus:before,.clusterStatus:before{background:#1dbd84}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.cards article{background:#fff;border-radius:16px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 6px 24px #1428320d}.cardIcon{color:#128a8d;background:#edf8f8;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.cards article span{color:#788892;font-size:12px;display:block}.cards article strong{margin-top:4px;font-size:21px;display:block}.grid{grid-template-columns:1.35fr .9fr;gap:20px;margin-top:20px;display:grid}.panel{background:#fff;border-radius:16px;padding:21px;box-shadow:0 6px 24px #1428320d}.panelHeader{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.panelHeader h2{margin:0;font-size:16px}.panelHeader p{color:#89969e;margin:4px 0 0;font-size:12px}.panelHeader>span{background:#f1f6f7;border-radius:8px;padding:7px 10px;font-size:11px}.node,.cluster{border:1px solid #e7edef;border-radius:13px;padding:16px}.node+.node,.cluster+.cluster{margin-top:12px}.nodeTop,.clusterTitle{justify-content:space-between;align-items:center;display:flex}.nodeTop>div{align-items:center;gap:10px;display:flex}.nodeTop svg{color:#178f92}.nodeTop strong,.clusterTitle strong{font-size:14px;display:block}.nodeTop small,.clusterTitle span{color:#87949c;margin-top:3px;font-size:11px;display:block}.nodeStatus,.clusterStatus{align-items:center;gap:6px;font-weight:700;color:#168563!important;font-size:11px!important;display:flex!important}.nodeStatus:before,.clusterStatus:before{content:"";border-radius:50%;width:7px;height:7px}.nodeStats{border-top:1px solid #edf0f2;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;padding-top:14px;display:grid}.nodeStats span{color:#8b979e;font-size:10px;display:block}.nodeStats strong{margin-top:4px;font-size:12px;display:block}.clusterDetails{color:#839099;background:#f7f9fa;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px;padding:12px;font-size:10px;display:grid}.clusterDetails strong{color:#263944;margin-top:4px;font-size:11px;display:block}.error,.message{background:#fff;border-radius:14px;padding:20px}.error{color:#a53434}.error button{margin-left:15px}@media (width<=1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (width<=700px){.app{grid-template-columns:1fr}.sidebar{display:none}main{padding:18px}.cards{grid-template-columns:1fr}}.pageTitle{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.pageTitle h1{margin:0}.pageTitle p{color:#71808b;margin:5px 0 0;font-size:14px}.primaryButton{color:#fff;cursor:pointer;background:#118f92;border:0;border-radius:9px;padding:10px 17px;font-weight:700}.primaryButton:disabled{opacity:.6;cursor:wait}.customerFormCard{background:#fff;border-radius:16px;margin-bottom:20px;padding:22px;box-shadow:0 6px 24px #1428320d}.customerFormCard h2{margin-top:0}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.formGrid label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.formGrid input,.formGrid select{background:#fff;border:1px solid #dce4e8;border-radius:9px;outline:none;padding:11px 12px}.formGrid input:focus,.formGrid select:focus{border-color:#118f92}.formActions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.formActions button:not(.primaryButton){cursor:pointer;background:#fff;border:1px solid #dce4e8;border-radius:9px;padding:10px 17px}.customersTable{background:#fff;border-radius:16px;overflow:auto;box-shadow:0 6px 24px #1428320d}.customersTable table{border-collapse:collapse;width:100%}.customersTable th{text-align:left;color:#7a8992;background:#f8fafb;padding:14px 16px;font-size:11px}.customersTable td{border-top:1px solid #edf1f3;padding:16px;font-size:13px}.customersTable td strong,.customersTable td small{display:block}.customersTable td small{color:#8a989f;margin-top:4px}.activeBadge{color:#14805f;background:#e9f8f3;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-block}@media (width<=700px){.formGrid{grid-template-columns:1fr}}