@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#20202b;background:#f7f7fc}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}body{margin:0}.brand{display:flex;align-items:center}.brand img{display:block;width:165px;height:auto;mix-blend-mode:multiply}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#f0edff,transparent 34%),#f6f6fb;padding:24px}.auth-card{width:min(1080px,100%);min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px #4c427d22}.auth-panel{padding:52px 14%;display:flex;flex-direction:column}.auth-form{width:min(365px,100%);margin:auto 0}.auth-form .eyebrow,.eyebrow{font-weight:700;font-size:11px;letter-spacing:1.2px;color:#8d87a4;margin:0 0 12px}.auth-form h1{font:800 32px/1.22 Manrope,sans-serif;margin:0;color:#211e2e;letter-spacing:-1px}.subcopy{font-size:14px;color:#7e798f;margin:13px 0 31px;line-height:1.6}.auth-form label:not(.check){display:block;position:relative;font-size:12px;font-weight:700;color:#777188;margin:17px 0}.auth-form input[type=email],.auth-form input[type=password]{width:100%;padding:11px 25px 10px 0;border:0;border-bottom:1px solid #e8e5ef;outline:0;color:#211e2e;background:transparent}.auth-form label>svg,.password-dot{position:absolute;right:0;bottom:10px;color:#89829c}.password-dot{letter-spacing:1px;font-weight:700}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:22px 0}.auth-options button,.form-foot button{color:#635cf4;font-size:12px;font-weight:700}.check{font-size:12px;font-weight:700;color:#5e596e;display:flex;gap:7px;align-items:center}.check input{accent-color:#655af2}.primary{width:100%;padding:14px 18px;border-radius:9px;background:#655cf3;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 9px 15px #6156e335}.primary:hover{background:#5148db}.notice{font-size:12px;padding:10px 12px;border-radius:7px;background:#f1eeff;color:#5d53d5;margin:0 0 15px;line-height:1.45}.form-foot{text-align:center;margin-top:24px;color:#817a91;font-size:13px}.back-link{align-self:flex-start;color:#655cf3;font-size:13px;font-weight:700}.auth-art{background:#355fee;position:relative;overflow:hidden;display:grid;place-items:center;color:#fff}.auth-art:before,.auth-art:after{content:"";position:absolute;width:560px;height:560px;border:60px solid #5175f4;border-radius:44% 56% 50% 43%;opacity:.45;transform:rotate(30deg)}.auth-art:before{top:-185px;left:-130px}.auth-art:after{bottom:-280px;right:-180px;transform:rotate(-18deg)}.phone{z-index:1;width:205px;height:390px;background:#eff1fb;border:12px solid #fff;border-radius:32px;box-shadow:0 19px 30px #17328d55;padding:43px 15px 15px;position:relative}.phone:before{content:"";position:absolute;width:66px;height:7px;border-radius:10px;background:#d5d9ec;top:16px;left:58px}.screen b{display:block;height:31px;margin-bottom:17px;background:linear-gradient(90deg,#d7d9e4 22%,transparent 22% 28%,#d7d9e4 28% 100%);opacity:.9}.profile-card{position:absolute;width:255px;height:58px;left:-38px;top:130px;background:#fff;box-shadow:0 8px 16px #2545b055;border-left:7px solid #f6b17b}.profile-card:after{content:"";display:block;width:105px;height:7px;background:#9eb5ff;box-shadow:0 13px #d3daf8;margin:15px 0 0 82px}.envelope{z-index:1;position:relative;width:260px;height:170px;background:#edf0ff;transform:rotate(-6deg);box-shadow:0 17px 20px #19369744}.flap{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,50% 52%,100% 0);background:#2352d5}.letter{width:135px;height:120px;background:#fff;position:absolute;top:-48px;left:62px;transform:rotate(7deg);z-index:-1}.person{position:absolute;right:-44px;bottom:5px;color:#182f7d;font-size:76px}.art-caption{position:absolute;bottom:46px;z-index:1;font-size:14px;font-weight:600;opacity:.9}.app-shell{display:flex;min-height:100vh;background:#f7f7fb}.sidebar{position:fixed;width:258px;inset:0 auto 0 0;background:#0a0a0e;padding:33px 18px 24px;display:flex;flex-direction:column;color:#fbfbff;z-index:5}.sidebar .brand{margin:0 13px 39px}.sidebar .brand img{filter:none;mix-blend-mode:normal}.sidebar nav{display:grid;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:9px;color:#c4c3cd;font-weight:500;font-size:14px;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#f9f9fc;color:#14131a}.sidebar nav button.active svg{color:#685cf0}.logout{margin:auto 10px 0;display:flex;align-items:center;justify-content:center;gap:10px;background:#f8f8fb;color:#15151b;font-weight:700;border-radius:30px;padding:11px}.content{margin-left:258px;width:calc(100% - 258px);padding:0 42px 42px}header{height:114px;display:flex;align-items:center;gap:17px}header h1{font:800 28px Manrope,sans-serif;letter-spacing:-1px;margin:0}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header-actions button,.menu-toggle{border:1px solid #e8e6ee;background:#fff;border-radius:9px;width:38px;height:38px;display:grid;place-items:center;color:#77718b}.avatar{margin-left:7px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#202028;color:#fff;font-size:12px;font-weight:700}.menu-toggle{display:none}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat,.card{background:#fff;border:1px solid #efedf3;box-shadow:0 4px 13px #2b204909;border-radius:14px}.stat{padding:22px;display:flex;justify-content:space-between;min-height:140px}.stat p,.card-title p{margin:0 0 9px;color:#8b8699;font-size:12px;font-weight:600}.stat strong{font:800 22px Manrope,sans-serif;display:block}.stat small{font-size:11px;color:#928ca0;display:block;margin-top:7px}.stat .positive{color:#22a779}.stat>span{width:41px;height:41px;display:grid;place-items:center;color:#6257ef;background:#f0efff;border-radius:11px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:20px;margin:21px 0}.card{padding:24px}.card-title{display:flex;justify-content:space-between;align-items:flex-start}.card-title h2{font:800 20px Manrope,sans-serif;margin:0}.card-title button{padding:8px 10px;border-radius:7px;border:1px solid #e9e7f0;color:#6e687d;font-size:12px}.chart{height:215px;position:relative;margin-top:18px;border-bottom:1px solid #ecebf1;background:repeating-linear-gradient(to bottom,transparent 0,transparent 53px,#f3f2f6 54px)}.chart svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.chart-label{position:absolute;right:0;color:#a09bab;font-size:10px}.l1{top:28px}.l2{top:134px}.chart-legend{display:flex;gap:17px;margin-top:13px;font-size:11px;color:#878294}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6a5df4;margin-right:6px}.chart-legend span+span i{background:#d7d4e3}.activity-row{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid #f0eef3}.activity-row:last-child{border:0}.activity-row strong{font-size:13px}.activity-row p{font-size:11px;color:#8f899b;margin:5px 0 0}.activity-icon{flex:0 0 32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:700;background:#ebeaff;color:#6459e9}.activity-icon.a1{background:#e6f8f1;color:#2aa982}.activity-icon.a2{background:#fff4e9;color:#ec9a3a}.sales{padding-bottom:7px}.table{margin:19px -24px 0}.table-row{display:grid;grid-template-columns:1.4fr 1.2fr 1fr .9fr;align-items:center;padding:15px 24px;border-top:1px solid #efedf2;font-size:12px}.table-head{font-size:10px;font-weight:700;color:#9993a5;text-transform:uppercase;letter-spacing:.5px;background:#fbfbfc}.table-row span b{display:block;font-size:12px}.table-row span small{color:#a09aaa;font-size:10px;display:block;margin-top:4px}.table-row em{font-style:normal;color:#239b72;background:#e7f8f0;border-radius:12px;padding:5px 8px;font-size:10px;font-weight:700}.empty-page{height:calc(100vh - 180px);display:grid;place-content:center;text-align:center;color:#908b9c}.empty-page svg{margin:auto;color:#695ef0}.empty-page h2{color:#2a2735;margin:18px 0 4px}.empty-page p{margin:0}.scrim{display:none}@media (max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.content{padding:0 25px 30px}.auth-card{min-height:600px}.auth-panel{padding:46px 11%}}@media (max-width:700px){.auth-page{padding:0}.auth-card{min-height:100vh;border-radius:0;display:block}.auth-art{display:none}.auth-panel{min-height:100vh;padding:42px 30px}.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0)}.scrim{display:block;position:fixed;z-index:4;top:0;right:0;bottom:0;left:0;background:#0008}.content{margin:0;width:100%;padding:0 18px 24px}.menu-toggle{display:grid}.header-actions button:first-child{display:none}header{height:95px}.header-actions{gap:5px}.header .eyebrow{display:none}.stat-grid{gap:12px}.stat{padding:16px;min-height:120px}.stat strong{font-size:18px}.stat>span{width:34px;height:34px}.card{padding:17px}.table{margin-left:-17px;margin-right:-17px;overflow:auto}.table-row{min-width:580px;padding-left:17px;padding-right:17px}.dashboard-grid{margin:13px 0}.chart{height:180px}.brand{font-size:17px}.auth-form h1{font-size:29px}}.tenant-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.1}.tenant-brand span{font:800 18px Manrope,sans-serif;letter-spacing:-.5px}.tenant-brand small{color:#827b97;font-size:9px;font-weight:800;letter-spacing:1.2px}.auth-page{padding:clamp(24px,4vw,56px)}.auth-panel{padding:clamp(46px,6vw,72px) clamp(30px,7vw,82px)}@media (max-width:700px){.auth-page{padding:16px;min-height:100svh}.auth-card{min-height:calc(100svh - 32px);border-radius:20px}.auth-panel{min-height:calc(100svh - 32px);padding:42px 28px}.auth-form{margin:auto 0}.auth-panel .brand{margin-bottom:26px}}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{width:100%;padding:11px 35px 10px 0;border:0;border-bottom:1px solid #e8e5ef;outline:0;color:#211e2e;background:transparent}.auth-form input:focus{border-color:#655af2}.auth-form label>svg{position:absolute;right:0;bottom:10px;color:#89829c}.auth-form label:has(.password-visibility)>input{padding-right:35px}.password-visibility{position:absolute;right:0;bottom:5px;width:29px;height:29px;display:grid;place-items:center;color:#756f86}.password-visibility:hover{color:#4f46cf}.auth-panel{padding:clamp(52px,6vw,78px) clamp(34px,7vw,86px)}.auth-form{padding:5px 0 8px}.auth-form .subcopy{margin-bottom:27px}.auth-form label:not(.check){margin:18px 0 16px;color:#615a6e;font-size:12px;letter-spacing:.05px}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{margin-top:7px;padding:13px 43px 13px 13px;border:1px solid #ded8e5;border-radius:9px;background:#fff;box-shadow:0 1px 2px #2b174005;transition:border-color .16s ease,box-shadow .16s ease;color:#211e2e}.auth-form input[type=text]::placeholder,.auth-form input[type=email]::placeholder,.auth-form input[type=password]::placeholder{color:#aaa3b1}.auth-form input:focus{border-color:#655cf3;box-shadow:0 0 0 3px #655cf31a}.auth-form label>svg{right:13px;bottom:14px;color:#817a91}.auth-form label:has(.password-visibility)>input{padding-right:43px}.password-visibility{right:7px;bottom:7px;width:34px;height:34px;border-radius:7px;color:#756f86}.password-visibility:hover{background:#f1edfa;color:#54268a}.auth-options{margin:20px 0 23px}.auth-form .primary{min-height:47px}@media (max-width:700px){.auth-panel{padding:40px 26px}.auth-form{padding-top:0}.auth-form h1{font-size:27px}.auth-form .subcopy{margin-bottom:23px}}.action-confirmation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#1713268a;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:confirmationFade .2s ease-out}.action-confirmation{width:min(430px,100%);padding:34px 30px 28px;border-radius:23px;background:linear-gradient(145deg,#fff,#f6f4ff);text-align:center;box-shadow:0 30px 75px #120d264f;animation:confirmationPop .3s cubic-bezier(.2,.9,.3,1.15)}.action-confirmation-emoji{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2b1,#f7c74f);font-size:40px;box-shadow:0 12px 25px #e5ad2c4d}.action-confirmation h2{margin:3px 0 9px;color:#292238;font:800 28px Manrope,sans-serif;letter-spacing:-.8px}.action-confirmation>p:not(.eyebrow){margin:0 auto 22px;max-width:330px;color:#716a7c;font-size:14px;line-height:1.55}.action-confirmation button{width:100%;padding:13px 18px;border-radius:10px;background:#655cf0;color:#fff;font-size:14px;font-weight:800;box-shadow:0 10px 20px #6259df3d}.action-confirmation button:hover{background:#554bd8}@keyframes confirmationFade{0%{opacity:0}to{opacity:1}}@keyframes confirmationPop{0%{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar{background:#fff;border-right:1px solid #eeeef4;color:#20202b}.sidebar .brand{color:#14131a}.sidebar nav button{color:#858097}.sidebar nav button:hover,.sidebar nav button.active{background:#f0efff;color:#4b4660}.logout{color:#4b4659;border:1px solid #eeecf4}.customers-page{max-width:1240px}.page-intro{display:flex;justify-content:space-between;align-items:end;margin:3px 0 23px}.page-intro h2{margin:0;font:800 24px Manrope,sans-serif;letter-spacing:-.7px}.page-intro p{color:#898496;margin:5px 0 0;font-size:13px}.customer-toolbar{display:flex;gap:12px;margin-bottom:18px}.customer-search{position:relative;flex:1;max-width:390px}.customer-search svg{position:absolute;left:13px;top:11px;color:#9c97a8}.customer-search input,.customer-toolbar select{width:100%;height:42px;background:#fff;border:1px solid #ebe9f0;border-radius:8px;outline:none;color:#34303e;font-size:13px}.customer-search input{padding:0 14px 0 39px}.customer-toolbar select{width:148px;padding:0 11px}.customer-search input:focus,.customer-toolbar select:focus{border-color:#756bf4}.customers-table{overflow:hidden;padding:0}.customer-row{display:grid;grid-template-columns:1.35fr 1.15fr 1fr .75fr .55fr;align-items:center;gap:12px;padding:16px 23px;border-top:1px solid #efedf3;font-size:13px}.customer-row:first-child{border-top:0}.customer-row.heading{background:#fbfbfc;text-transform:uppercase;font-weight:700;letter-spacing:.45px;font-size:10px;color:#9994a5}.customer-row-link{cursor:pointer;transition:background .16s ease}.customer-row-link:hover{background:#faf9ff}.customer-row-link:focus-visible{outline:2px solid #756bf4;outline-offset:-2px}.customer-name{display:flex;align-items:center;gap:10px;font-weight:700}.customer-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#efedff;color:#655bf0;font-size:11px}.customer-name small,.customer-contact,.customer-package small{color:#918b9d;display:block;font-size:11px;font-weight:400;margin-top:3px}.customer-package{font-weight:600}.status-pill{justify-self:start;text-transform:capitalize;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;background:#e7f8f0;color:#239b72}.status-pill.suspended{background:#fff0ee;color:#d76154}.status-pill.pending{background:#fff6e7;color:#bb832c}.status-pill.paid,.status-pill.completed{background:#e6f8ed;color:#16824c}.status-pill.issued,.status-pill.draft,.status-pill.pending{background:#fff6d8;color:#9b6a05}.status-pill.overdue,.status-pill.failed{background:#fff0f0;color:#b33e47}.status-pill.void,.status-pill.reversed{background:#f0eef4;color:#756f7d}.more-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ded9fa;border-radius:7px;background:#f4f2ff;color:#5d53d5}.more-button:hover{background:#e9e5ff}.customer-state{padding:48px;text-align:center;color:#898496}.customer-state strong{display:block;color:#3a3545;font:700 16px Manrope,sans-serif;margin-bottom:6px}.table-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 2px 4px;color:#817b8d;font-size:12px}.table-pagination>div{display:flex;align-items:center;gap:6px}.table-pagination button{min-width:34px;height:34px;padding:0 10px;border:1px solid #e3dfeb;border-radius:8px;background:#fff;color:#5e5869;font-size:12px;font-weight:800}.table-pagination button:hover:not(:disabled),.table-pagination button.active{background:#665cf0;border-color:#665cf0;color:#fff}.table-pagination button:disabled{cursor:not-allowed;opacity:.45}.creation-toast{position:fixed;top:22px;right:22px;z-index:80;max-width:min(390px,calc(100vw - 32px));padding:14px 17px;border-radius:10px;background:#16824c;color:#fff;box-shadow:0 14px 35px #1164383d;font-size:13px;font-weight:800;animation:accountToast .2s ease-out}.page-actions{display:flex;align-items:center;gap:10px}@media (max-width:700px){.page-intro,.customer-toolbar{display:block}.customer-search{max-width:none;margin-bottom:10px}.customer-toolbar select{width:100%}.customers-table{overflow-x:auto}.customer-row{min-width:720px;padding-left:16px;padding-right:16px}}@media (max-width:700px){.table-pagination{align-items:flex-start;flex-direction:column}.table-pagination>div{flex-wrap:wrap}}@media (max-width:700px){.creation-toast{top:14px;right:16px;left:16px;text-align:center}.page-actions{margin-top:12px;flex-wrap:wrap}}.team-users-page{max-width:1200px}.team-users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 19px}.team-users-toolbar h2{margin:3px 0 5px;font-size:22px}.team-users-toolbar p:not(.eyebrow){margin:0;color:#817b8c;font-size:13px;line-height:1.5}.primary-action,.secondary-action{border-radius:8px;padding:11px 15px;font-weight:800;font-size:12px;white-space:nowrap}.primary-action{background:#665cf0;color:#fff}.secondary-action{background:#f1eff6;color:#615b69}.team-user-form{padding:23px;margin:0 0 17px}.team-user-form h2{margin:3px 0 5px;font-size:18px}.team-user-form>div p:not(.eyebrow){margin:0;color:#817b8c;font-size:12px}.team-user-form>div:first-child{margin-bottom:17px}.team-user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.team-user-form label{display:grid;gap:6px;color:#625b6a;font-size:11px;font-weight:800}.team-user-form label small{color:#978f9e;font-size:10px;font-weight:600}.team-user-form input,.team-user-form select{height:41px;border:1px solid #e3dfeb;border-radius:8px;background:#fff;padding:0 11px;color:#302a39}.team-password-field{grid-column:span 2}.team-user-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}.team-user-search{display:flex;align-items:center;gap:8px;width:min(370px,100%);height:41px;margin:0 0 14px;padding:0 11px;border:1px solid #e3dfeb;border-radius:8px;background:#fff;color:#928b9d}.team-user-search input{width:100%;height:100%;border:0;outline:0;background:transparent;font-size:12px;color:#393241}.team-users-table{overflow:hidden}.team-user-row{display:grid;grid-template-columns:1.05fr .8fr 1.2fr 1fr .7fr 1.25fr;align-items:center;gap:13px;padding:15px 18px;border-top:1px solid #efedf3;font-size:12px;color:#5f5968}.team-user-row.heading{border-top:0;background:#faf9fc;color:#958e9e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}.team-user-row b,.team-user-row small{display:block}.team-user-row b{color:#383241;font-size:12px}.team-user-row small{margin-top:4px;color:#928b9a;font-size:10px}.team-role{display:inline-block;border-radius:20px;background:#f0eeff;color:#6257d3;padding:5px 8px;font-size:10px;font-weight:800}.team-user-actions{display:flex;gap:7px;flex-wrap:wrap}.team-user-actions button{border:1px solid #ded9ea;border-radius:7px;background:#fff;color:#5f55c9;padding:8px 9px;font-size:10px;font-weight:800}.team-user-actions .suspend{border-color:#f1cccc;background:#fff3f3;color:#c34e55}.team-user-actions .activate{border-color:#c7ead2;background:#edfaf1;color:#26834d}@media (max-width:850px){.team-user-row{grid-template-columns:1fr}.team-user-row.heading{display:none}.team-user-row>span{display:grid;grid-template-columns:115px 1fr;gap:8px}.team-user-row>span:before{content:attr(data-label);color:#938c9c;font-size:10px;font-weight:800;text-transform:uppercase}.team-user-actions{display:flex!important}.team-user-actions:before{display:none}}@media (max-width:620px){.team-users-toolbar{align-items:flex-start;flex-direction:column}.team-user-form-grid{grid-template-columns:1fr}.team-password-field{grid-column:auto}.team-user-form-actions{justify-content:stretch}.team-user-form-actions button{flex:1}}.payments-page{max-width:1240px}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.payment-summary article{background:#fff;border:1px solid #efedf3;border-radius:12px;padding:17px 19px}.payment-summary p{color:#8d879a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.payment-summary strong{font:800 21px Manrope,sans-serif}.payment-summary article:nth-child(2) strong{color:#249b72}.payment-summary article:nth-child(3) strong{color:#c3862c}.payment-method{color:#7d778b;font-size:12px}.payment-amount{font-weight:700}.payment-date{color:#837d90;font-size:12px}.status-pill.failed{background:#fff0ee;color:#d76154}@media (max-width:700px){.payment-summary{grid-template-columns:1fr;gap:10px}}.customer-detail{max-width:1120px}.back-to-customers{color:#665cf0;font-size:13px;font-weight:700;padding:0;margin:1px 0 19px}.profile-hero{padding:27px;display:flex;align-items:center;gap:19px;margin-bottom:19px;position:relative;overflow:hidden}.profile-hero:after{content:"";position:absolute;width:240px;height:240px;right:-80px;top:-130px;background:#eeecff;border-radius:50%}.profile-avatar{flex:0 0 66px;height:66px;display:grid;place-items:center;border-radius:18px;background:#675df0;color:#fff;font:800 20px Manrope,sans-serif;box-shadow:0 10px 18px #675df033}.profile-hero h2{margin:0 0 4px;font:800 25px Manrope,sans-serif;letter-spacing:-.7px}.profile-hero p{margin:0;color:#8b8698;font-size:13px}.profile-hero .status-pill{margin-left:auto;z-index:1}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:19px}.detail-stack{display:grid;gap:19px}.detail-card{padding:23px}.detail-card h3{margin:0 0 19px;font:800 16px Manrope,sans-serif}.info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.info-list p{margin:0 0 5px;color:#9690a1;text-transform:uppercase;font-size:10px;letter-spacing:.5px;font-weight:700}.info-list strong{font-size:13px;color:#36313f;word-break:break-word}.subscription-main{background:linear-gradient(135deg,#675df0,#887ff6);color:#fff;border:0}.subscription-main h3,.subscription-main p{color:#fff}.subscription-main p{opacity:.72;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.5px;margin:0 0 7px}.subscription-main strong{display:block;font:800 23px Manrope,sans-serif;margin-bottom:4px}.subscription-main small{opacity:.78}.detail-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #f0eef4;font-size:13px}.detail-row:first-of-type{border-top:0;padding-top:0}.detail-row span{color:#898395}.detail-row b{text-align:right}.equipment-row{padding:14px 0;border-top:1px solid #f0eef4}.equipment-row strong{display:block;font-size:13px}.equipment-row small{color:#908a9c;font-size:11px}.empty-detail{color:#908a9c;font-size:13px;margin:0}.profile-loading{min-height:330px;display:grid;place-content:center;text-align:center;color:#898496}.profile-loading strong{font:800 17px Manrope,sans-serif;color:#3b3744;margin-bottom:6px}@media (max-width:800px){.detail-grid{grid-template-columns:1fr}.profile-hero{padding:21px}.info-list{grid-template-columns:1fr}.profile-hero .status-pill{align-self:flex-start}.profile-avatar{flex-basis:53px;height:53px;font-size:16px}}.account-toast{position:fixed;top:22px;right:22px;z-index:20;background:#20202b;color:#fff;padding:13px 17px;border-radius:10px;box-shadow:0 14px 35px #1e193344;font-size:13px;font-weight:700;animation:accountToast .2s ease-out}.account-status-button{position:relative;z-index:1;margin-left:12px;padding:9px 13px;border-radius:8px;font-size:12px;font-weight:800}.account-status-button.suspend{color:#b63b4b;background:#fff0f2}.account-status-button.activate{color:#16815d;background:#e7f8f0}@keyframes accountToast{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.profile-hero{flex-wrap:wrap}.account-status-button{margin-left:auto}.account-toast{top:14px;right:14px;left:14px;text-align:center}}.customer-edit-form{display:grid;gap:11px}.customer-edit-form label{display:grid;gap:5px;color:#81798b;font-size:11px;font-weight:800}.customer-edit-form input{height:39px;border:1px solid #e6e1ed;border-radius:7px;padding:0 10px;background:#fff}.customer-edit-form button{justify-self:start;margin-top:4px;padding:10px 13px;background:#6259df;color:#fff;border-radius:7px;font-size:12px;font-weight:800}.customer-edit-form select{height:39px;border:1px solid #e6e1ed;border-radius:7px;padding:0 10px;background:#fff;color:#302b3a}.packages-page{max-width:1240px}.packages-head{display:flex;justify-content:space-between;align-items:end;margin:3px 0 23px}.packages-head h2{margin:0;font:800 24px Manrope,sans-serif;letter-spacing:-.7px}.packages-head p{color:#898496;margin:5px 0 0;font-size:13px}.add-package{background:#665cf0;color:#fff;border-radius:8px;padding:11px 14px;font-size:13px;font-weight:700;display:flex;gap:7px;align-items:center}.package-form{display:grid;grid-template-columns:1.2fr repeat(3,.8fr) auto;gap:10px;margin-bottom:18px;padding:16px}.package-form input{height:40px;border:1px solid #e9e7ef;border-radius:7px;padding:0 10px;outline:0;font-size:12px}.package-form input:focus{border-color:#675df0}.package-form button{background:#252231;color:#fff;border-radius:7px;padding:0 13px;font-size:12px;font-weight:700}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.package-card{padding:22px;position:relative}.package-card.inactive{opacity:.58}.package-speed{width:43px;height:43px;display:grid;place-items:center;background:#efedff;color:#675df0;border-radius:11px;font-weight:800;font-size:11px;margin-bottom:18px}.package-card h3{font:800 18px Manrope,sans-serif;margin:0 0 5px}.package-card p{color:#8a8497;font-size:12px;min-height:31px;margin:0 0 19px;line-height:1.4}.package-price{font:800 24px Manrope,sans-serif}.package-price small{font:400 11px DM Sans,sans-serif;color:#8c8698}.package-meta{display:flex;gap:17px;margin:19px 0;padding:14px 0;border-block:1px solid #f0eef4;color:#817b90;font-size:12px}.package-actions{display:flex;justify-content:space-between;align-items:center}.package-actions button{font-size:12px;font-weight:700;color:#655cf0}.package-actions button:last-child{color:#c45f56}.toggle{display:flex;align-items:center;gap:8px;color:#817b90;font-size:11px}.toggle input{accent-color:#665cf0}.package-error{margin:0 0 16px;color:#c45f56;font-size:13px}@media (max-width: 900px){.package-grid{grid-template-columns:repeat(2,1fr)}.package-form{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.packages-head{display:block}.add-package{margin-top:13px}.package-grid,.package-form{grid-template-columns:1fr}.package-form button{height:40px}}.service-workflows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}.service-workflow{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #e7e3ee;border-radius:12px;background:#fff;text-align:left;color:#655cf0;transition:.18s}.service-workflow:hover,.service-workflow.active{border-color:#655cf0;background:#f4f2ff;box-shadow:0 7px 18px #655cf014}.service-workflow span{display:grid;gap:4px;flex:1;color:#282334}.service-workflow small{color:#827b8d;font-size:11px;line-height:1.35}.package-flow-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;color:#3a3448;font-size:13px;font-weight:800}.package-flow-heading button{color:#655cf0;font-size:12px;font-weight:800}@media (max-width: 600px){.service-workflows{grid-template-columns:1fr}}.bulk-package-card{display:grid;gap:14px;margin:28px 0 20px;padding:20px}.bulk-package-card h3{margin:3px 0 4px;color:#292438;font:800 17px Manrope,sans-serif}.bulk-package-card p:not(.eyebrow){margin:0;color:#817b90;font-size:12px}.bulk-package-card select,.package-edit-modal input,.package-edit-modal select,.package-edit-modal textarea{width:100%;border:1px solid #e2deec;border-radius:8px;background:#fff;color:#312c3f;font:inherit;outline:none}.bulk-package-card select,.package-edit-modal input,.package-edit-modal select{height:42px;padding:0 11px}.package-edit-modal textarea{padding:10px 11px;resize:vertical}.bulk-package-card select:focus,.package-edit-modal input:focus,.package-edit-modal select:focus,.package-edit-modal textarea:focus{border-color:#675df0;box-shadow:0 0 0 3px #675df01a}.bulk-customer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:210px;overflow:auto;padding:4px}.bulk-customer-list label{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #ece9f2;border-radius:8px;color:#494255;cursor:pointer;font-size:12px}.bulk-customer-list input{accent-color:#665cf0}.bulk-customer-list span{display:grid;gap:2px;min-width:0}.bulk-customer-list small{color:#8c8697;font-size:10px}.bulk-customer-search{display:flex;align-items:center;gap:9px;height:42px;padding:0 11px;border:1px solid #e2deec;border-radius:8px;color:#7d758b}.bulk-customer-search:focus-within{border-color:#675df0;box-shadow:0 0 0 3px #675df01a}.bulk-customer-search input{min-width:0;width:100%;border:0;outline:0;color:#312c3f;font:inherit}.bulk-empty{grid-column:1 / -1;margin:9px 0;color:#817b90;font-size:12px;text-align:center}.bulk-customer-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#817b90;font-size:12px}.bulk-customer-pagination>div{display:flex;align-items:center;gap:9px}.bulk-customer-pagination button{padding:7px 9px;border:1px solid #e2deec;border-radius:7px;background:#fff;color:#625b71;font-size:11px;font-weight:800}.bulk-customer-pagination button:disabled{cursor:not-allowed;opacity:.45}.bulk-customer-pagination b{color:#5c5569;font-size:11px;white-space:nowrap}.bulk-actions,.package-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.bulk-actions span{color:#817b90;font-size:12px}.bulk-actions button,.package-edit-actions>div button:last-child{padding:10px 14px;border-radius:8px;background:#665cf0;color:#fff;font-size:12px;font-weight:800}.bulk-actions button:disabled{cursor:not-allowed;opacity:.48}.package-edit-modal{position:relative;width:min(650px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;padding:27px}.package-edit-modal h2{margin:4px 0;color:#282333;font:800 23px Manrope,sans-serif}.package-edit-copy{margin:0 0 20px;color:#817b90;font-size:13px;line-height:1.5}.package-modal-close{position:absolute;top:12px;right:14px;width:31px;height:31px;border-radius:50%;background:#f1eff7;color:#5f586e;font-size:22px;line-height:1}.package-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.package-edit-grid label{display:grid;gap:6px;color:#635d6e;font-size:12px;font-weight:700}.package-edit-wide{grid-column:1 / -1}.package-edit-actions{margin-top:22px;justify-content:space-between}.package-edit-actions>div{display:flex;gap:10px}.package-edit-actions>div button:first-child{padding:10px 14px;color:#716a7d;font-size:12px;font-weight:800}.package-delete-button{padding:10px 14px;border:1px solid #f1c7d0;border-radius:8px;background:#fff3f5;color:#bd3d55;font-size:12px;font-weight:800}@media (max-width: 720px){.bulk-customer-list{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.bulk-customer-list,.package-edit-grid{grid-template-columns:1fr}.package-edit-wide{grid-column:auto}.bulk-actions{align-items:stretch;flex-direction:column}.bulk-actions button{width:100%}.bulk-customer-pagination{align-items:stretch;flex-direction:column}.bulk-customer-pagination>div{justify-content:space-between}.package-edit-modal{padding:23px 18px}.package-edit-actions{align-items:stretch;flex-direction:column}.package-edit-actions>div{display:grid;grid-template-columns:1fr 1fr}.package-delete-button{width:100%}}.package-form select{height:40px;border:1px solid #e9e7ef;border-radius:7px;padding:0 10px;outline:0;font-size:12px;background:#fff}.package-form select:focus{border-color:#675df0}.billing-invoice-table .customer-row{grid-template-columns:1.35fr 1.15fr 1fr .75fr .7fr .65fr}.invoice-pdf-cell{display:flex;justify-content:flex-start}.invoice-pdf-button{border:1px solid #dcd7ff;border-radius:5px;padding:5px 7px;color:#6259d8;background:#f5f3ff;font-size:9px;font-weight:900;letter-spacing:.2px}.billing-table .customer-row{grid-template-columns:1.15fr 1.1fr .85fr .75fr .7fr .9fr}.invoice-pdf-button{border:1px solid #ded9fa;background:#f4f2ff;color:#5d53d5;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800;white-space:nowrap}.invoice-pdf-button:hover{background:#e9e5ff}.invoice-toolbar{display:flex;align-items:center;gap:10px;margin:20px 0 12px;flex-wrap:wrap}.invoice-toolbar .customer-search{flex:1;min-width:220px}.invoice-toolbar select{height:40px;border:1px solid #e5e1ed;border-radius:8px;background:#fff;padding:0 10px;color:#5f586d;font-size:12px}.invoice-date-filter{display:grid;gap:3px;color:#7d768a;font-size:10px;font-weight:800;text-transform:uppercase}.invoice-date-filter input{height:40px;border:1px solid #e5e1ed;border-radius:8px;background:#fff;padding:0 9px;color:#5f586d;font-size:12px;text-transform:none}.export-invoices{height:40px;padding:0 13px;border-radius:8px;background:#252231;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.invoice-status.paid{background:#e6f8ed;color:#16824c}.invoice-status.issued,.invoice-status.draft{background:#fff6d8;color:#9b6a05}.invoice-status.overdue{background:#fff0f0;color:#b33e47}.invoice-status.void{background:#f0eef4;color:#756f7d}@media (max-width:700px){.invoice-toolbar{align-items:stretch;flex-direction:column}.invoice-toolbar select,.export-invoices{width:100%}}.invoice-row-link{cursor:pointer}.invoice-row-link:hover{background:#faf9ff}.invoice-detail-page{max-width:1120px;margin:0 auto}.invoice-detail-hero{display:flex;justify-content:space-between;align-items:flex-start;padding:28px;margin:14px 0 18px;background:linear-gradient(135deg,#fff,#f5f2ff)}.invoice-detail-hero h2{margin:4px 0;font:800 28px Manrope,sans-serif}.invoice-detail-hero p{margin:0;color:#7f788b;font-size:13px}.invoice-detail-hero>div:last-child{display:grid;justify-items:end;gap:13px}.invoice-detail-download{background:#6359df;color:#fff;border-radius:8px;padding:10px 14px;font-weight:800;font-size:12px}.invoice-detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.invoice-detail-summary article{padding:18px}.invoice-detail-summary p,.invoice-detail-card h3,.invoice-payment-history h3{margin:0 0 7px;font-size:12px;color:#827b8f}.invoice-detail-summary strong{font:800 18px Manrope,sans-serif}.invoice-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.invoice-detail-card{padding:22px}.invoice-detail-card h3{font:800 13px Manrope,sans-serif}.invoice-detail-card>strong{font-size:16px}.invoice-detail-card p{color:#777082;font-size:13px;line-height:1.7}.invoice-payment-history{padding:22px}.invoice-payment-history>div:first-child p{margin:0;color:#827b8f;font-size:12px}.invoice-history-table{margin-top:16px}.invoice-history-row{display:grid;grid-template-columns:.85fr 1.2fr .75fr .8fr .7fr;gap:10px;align-items:center;padding:13px 4px;border-top:1px solid #eeeaf4;font-size:12px}.invoice-history-row.heading{color:#9891a2;text-transform:uppercase;font-size:10px;font-weight:800;border-top:0}.platform-invoice-row{grid-template-columns:1.1fr .95fr 1fr .85fr .65fr .8fr!important}@media (max-width:700px){.invoice-detail-hero{padding:20px;flex-direction:column;gap:18px}.invoice-detail-hero>div:last-child{justify-items:start}.invoice-detail-summary{grid-template-columns:1fr 1fr}.invoice-detail-grid{grid-template-columns:1fr}.invoice-history-table{overflow-x:auto}.invoice-history-row{min-width:650px}.platform-invoice-row{min-width:780px!important}}.reports-page{max-width:1240px}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report-card{padding:21px}.report-card h3{font:800 17px Manrope,sans-serif;margin:0 0 7px}.report-card p{color:#898395;font-size:12px;line-height:1.5;margin:0 0 17px;min-height:35px}.report-stat{font:800 22px Manrope,sans-serif;margin-bottom:16px}.report-actions{display:flex;gap:9px}.report-actions button{padding:8px 10px;border-radius:7px;background:#f0efff;color:#6359e7;font-size:11px;font-weight:700}.report-actions button+button{background:#f5f4f7;color:#5e596b}@media (max-width:900px){.report-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.report-grid{grid-template-columns:1fr}}.customer-actions{display:flex;gap:10px;align-items:center;margin:0 0 18px}.customer-actions .add-package{margin-left:auto}.customer-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;margin-bottom:18px}.customer-form input,.customer-form select{height:40px;border:1px solid #e9e7ef;border-radius:7px;padding:0 10px;background:#fff;outline:0;font-size:12px}.customer-form button{height:40px;background:#252231;color:#fff;border-radius:7px;font-size:12px;font-weight:700}.assign-select{width:100%;height:38px;border:1px solid #e7e5ee;border-radius:7px;padding:0 8px;font-size:12px;background:#fff}@media (max-width:700px){.customer-form{grid-template-columns:1fr}.customer-actions{display:block}.customer-actions .add-package{margin-top:10px}}.report-card{cursor:pointer;transition:transform .15s,box-shadow .15s}.report-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #30265312}.report-table{overflow:auto;padding:0}.report-table-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);min-width:max-content;padding:15px 21px;border-top:1px solid #efedf3;font-size:12px}.report-table-row:first-child{border-top:0}.report-table-row.heading{background:#fbfbfc;color:#9791a3;text-transform:uppercase;font-size:10px;letter-spacing:.45px;font-weight:700}.report-table-row span{padding-right:24px}.report-detail-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.report-detail-head h2{margin:0;font:800 24px Manrope,sans-serif}.report-detail-head p{margin:5px 0 0;color:#898395;font-size:13px}.report-back{color:#655cf0;font-size:13px;font-weight:700;padding:0}.report-detail-actions{display:flex;gap:8px}.report-detail-actions button{padding:9px 11px;border-radius:7px;background:#efedff;color:#6359e7;font-size:12px;font-weight:700}@media (max-width:600px){.report-detail-head{display:block}.report-detail-actions{margin-top:14px}}.portal-shell{min-height:100vh;background:#f7f7fb}.portal-header{height:76px;background:#fff;border-bottom:1px solid #eceaf1;display:flex;align-items:center;padding:0 max(24px,calc((100% - 1120px)/2));gap:18px}.portal-header .logout{margin-left:auto;padding:9px 14px}.portal-main{max-width:1120px;margin:0 auto;padding:38px 24px}.portal-welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.portal-welcome h1{margin:0;font:800 27px Manrope,sans-serif}.portal-welcome p{color:#898395;font-size:13px;margin:6px 0 0}.portal-grid{display:grid;grid-template-columns:1.25fr .8fr;gap:18px}.portal-card{padding:22px}.portal-card h2{margin:0 0 16px;font:800 16px Manrope,sans-serif}.portal-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.portal-metrics article{background:#fff;border:1px solid #eeeaf4;border-radius:12px;padding:17px}.portal-metrics p{margin:0 0 8px;color:#908a9c;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:700}.portal-metrics strong{font:800 19px Manrope,sans-serif}.portal-list{display:grid;gap:0}.portal-list div{padding:13px 0;border-top:1px solid #efedf3;font-size:13px}.portal-list div:first-child{border-top:0}.portal-list span{display:block;color:#8b8497;font-size:11px;margin-top:4px}.ticket-form{display:flex;gap:8px}.ticket-form input{flex:1;min-width:0;border:1px solid #e9e7ef;border-radius:7px;padding:0 10px;height:39px;font-size:12px}.ticket-form button{background:#655cf0;color:#fff;border-radius:7px;padding:0 12px;font-size:12px;font-weight:700}.portal-notice{padding:12px;border-radius:8px;background:#fff7e8;color:#9a6a21;font-size:12px;margin-bottom:10px}@media (max-width:760px){.portal-grid,.portal-metrics{grid-template-columns:1fr}.portal-welcome{display:block}}.mpesa-form{margin-top:14px;padding:14px;border:1px solid #d7eadf;border-radius:10px;background:linear-gradient(135deg,#f8fffa,#eefaf2)}.mpesa-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.mpesa-heading>span:last-child{color:#678070;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.45px}.mpesa-logo{display:inline-flex;align-items:center;border-radius:4px;background:#00a650;color:#fff;padding:4px 6px 3px;font:900 11px/1 Arial,sans-serif;letter-spacing:-.45px;box-shadow:0 2px 5px #00a65033}.mpesa-logo span{color:#ffde00}.mpesa-form p{margin:9px 0 10px;color:#607368;font-size:11px;line-height:1.45}.mpesa-controls{display:flex;gap:8px}.mpesa-controls input{flex:1;min-width:0;height:38px;padding:0 10px;border:1px solid #c9dfd0;border-radius:7px;background:#fff;color:#27342b;font-size:12px;outline:none}.mpesa-controls input:focus{border-color:#00a650;box-shadow:0 0 0 3px #00a65016}.mpesa-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:7px;background:#00a650;color:#fff;padding:0 12px;font-size:12px;font-weight:800;box-shadow:0 3px 7px #00a65033}.mpesa-controls button:hover{background:#008e45}.mpesa-button-mark{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#fff;color:#00a650;font-size:10px;font-weight:900}@media (max-width:760px){.mpesa-controls{flex-direction:column}.mpesa-controls button{height:38px}}.portal-card:has(.mpesa-phone){border:1px solid #ccebd7;background:linear-gradient(145deg,#f8fffa,#effbf3);position:relative}.portal-card:has(.mpesa-phone) h2{display:flex;align-items:center;gap:10px}.portal-card:has(.mpesa-phone) h2:after{content:"";display:inline-block;width:78px;height:27px;background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/M-PESA_LOGO-01.svg/2560px-M-PESA_LOGO-01.svg.png) center/contain no-repeat}.portal-card:has(.mpesa-phone) .portal-list{margin-bottom:13px}.portal-card:has(.mpesa-phone) .portal-list>div{background:#fff;border:1px solid #dcefe3;border-radius:9px;padding:12px;margin-top:9px}.portal-card:has(.mpesa-phone) .invoice-actions{margin:9px 0 0}.portal-card:has(.mpesa-phone) .invoice-actions button:last-child{background:#00a650;color:#fff;border-radius:6px;padding:8px 11px;box-shadow:0 3px 8px #00a65033}.portal-card:has(.mpesa-phone) .invoice-actions button:last-child:hover{background:#008e45}.mpesa-phone{display:block;width:100%;height:47px;box-sizing:border-box;border:1px solid #9cd7af;border-radius:8px;background:#fff url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/M-PESA_LOGO-01.svg/2560px-M-PESA_LOGO-01.svg.png) calc(100% - 12px) center/75px auto no-repeat;padding:0 100px 0 13px;color:#24352a;font-size:13px;font-weight:700;outline:0}.mpesa-phone:focus{border-color:#00a650;box-shadow:0 0 0 3px #00a6501c}.mpesa-phone::placeholder{font-weight:400;color:#7e9085}.portal-card:has(.mpesa-phone):after{content:"Enter the Safaricom number above, then select Pay via M-PESA on the invoice you want to clear.";display:block;color:#5d7767;font-size:11px;line-height:1.45;margin-top:8px}.invoice-card{border:1px solid #d8ecdf;background:linear-gradient(145deg,#fff,#f4fcf6)}.invoice-card-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.invoice-card-title p{margin:-8px 0 11px;color:#718075;font-size:12px}.mpesa-badge,.mpesa-logo-large{display:inline-flex;align-items:center;border-radius:5px;background:#00a650;color:#fff;padding:6px 9px 5px;font:900 14px/1 Arial,sans-serif;letter-spacing:-.7px}.mpesa-badge span,.mpesa-logo-large span{color:#ffe300}.mpesa-pay-button{background:#00a650!important;color:#fff!important;border-radius:7px;padding:8px 12px}.checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#18231c80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checkout-dialog{position:relative;width:min(100%,430px);box-sizing:border-box;padding:30px;border-radius:18px;background:#fff;box-shadow:0 28px 80px #111b1466;text-align:center}.checkout-close{position:absolute;right:14px;top:11px;color:#7d8980;font-size:27px;line-height:1}.mpesa-logo-large{margin-bottom:20px;font-size:18px;padding:8px 12px 7px}.checkout-dialog h2{margin:0 0 8px;font:800 22px Manrope,sans-serif;color:#202920}.checkout-dialog p{color:#667168;font-size:13px;line-height:1.55}.checkout-amount{margin:3px 0 10px!important;color:#00a650!important;font:800 25px Manrope,sans-serif!important}.checkout-label{text-align:left;display:grid;gap:7px;margin:20px 0 13px;color:#4c5b50;font-size:12px;font-weight:800}.checkout-label input{height:47px;border:1px solid #c6dfcd;border-radius:8px;padding:0 12px;background:#fff;font-size:14px;outline:none}.checkout-label input:focus{border-color:#00a650;box-shadow:0 0 0 3px #00a6501b}.checkout-primary{width:100%;margin-top:8px;border-radius:8px;padding:13px;background:#00a650;color:#fff;font-size:13px;font-weight:800}.checkout-primary:disabled{opacity:.7}.checkout-secondary{margin-top:16px;color:#536159;font-size:12px;font-weight:700}.checkout-foot{margin:14px 0 0!important;color:#829087!important;font-size:11px!important}.checkout-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 15px;border-radius:50%;font-size:25px;font-weight:900}.checkout-icon.success{background:#e1f7e9;color:#079446}.checkout-icon.failed{background:#fff0f0;color:#d44747}.checkout-icon.waiting{background:#e7f7ed;color:#009b4b;letter-spacing:2px;animation:mpesaPulse 1.2s infinite}.callback-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:11px;background:#f0faf3;border-radius:8px;color:#39724a;font-size:12px;font-weight:700}.callback-status i{width:8px;height:8px;border-radius:50%;background:#00a650;animation:mpesaPulse 1.2s infinite}.checkout-error{text-align:left;color:#c43e3e!important;margin:0!important;font-size:12px!important}@keyframes mpesaPulse{50%{opacity:.35;transform:scale(.85)}}@media (max-width:520px){.checkout-dialog{padding:25px 20px}.invoice-card-title{display:block}.mpesa-badge{margin-bottom:10px}}.customer-package-switch{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #efedf3}.customer-package-switch>p{margin:0;color:#8b8497;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.5px}.customer-package-switch>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #f0eef3}.customer-package-switch span{display:grid;gap:3px;font-size:12px}.customer-package-switch small{color:#898395;font-size:11px}.customer-package-switch button{border-radius:6px;padding:7px 9px;background:#efedf9;color:#6259da;font-size:11px;font-weight:800}.customer-package-switch button:disabled{background:#e4f6e9;color:#16854a;cursor:default}.checkout-verify-copy{margin:15px 0 4px!important;color:#667168!important;font-size:12px!important}.checkout-verify{margin-top:7px;padding:9px 13px;border:1px solid #00a650;border-radius:7px;background:#f1fbf4;color:#08783d;font-size:12px;font-weight:800}.checkout-verify:disabled{cursor:wait;opacity:.62}.checkout-verify-message{margin:9px 0 0!important;color:#647168!important;font-size:11px!important}.technician-workspace{min-height:100vh;background:#f7f7fb;color:#2c2633;display:flex}.technician-sidebar{width:238px;min-height:100vh;background:#fff;border-right:1px solid #ebe7f0;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.technician-brand{display:flex;align-items:center;gap:9px;padding:0 7px 25px;color:#6b3a99;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.technician-brand .brand{transform:scale(.75);transform-origin:left center;width:128px;margin-right:-32px}.technician-sidebar nav{display:grid;gap:5px}.technician-sidebar nav button,.technician-signout{border:0;background:transparent;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 12px;border-radius:9px;color:#71697a;font-size:13px;font-weight:700;cursor:pointer}.technician-sidebar nav button:hover,.technician-sidebar nav button.active{background:#f0eafa;color:#54268a}.technician-signout{margin-top:auto;color:#a8424b}.technician-content{flex:1;min-width:0}.technician-topbar{height:72px;background:#fff;border-bottom:1px solid #ebe7f0;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.technician-topbar div{display:grid;gap:3px}.technician-topbar b{font-size:15px}.technician-topbar span{font-size:12px;color:#827a8e}.technician-open-count{padding:7px 10px;border-radius:999px;background:#eee8fa;color:#54268a!important;font-weight:800}.technician-page{max-width:1180px;margin:0 auto;padding:30px}.tech-welcome{display:flex;justify-content:space-between;align-items:end;padding:26px;border-radius:15px;background:linear-gradient(120deg,#54268a,#7e52b6);color:#fff}.tech-welcome p{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#ddd0ef;font-weight:800}.tech-welcome h1{margin:0 0 7px;font:800 27px Manrope,sans-serif}.tech-welcome span{color:#e4daef;font-size:13px}.tech-welcome button,.tech-detail-actions button{border:0;border-radius:8px;background:#fff;color:#54268a;font-size:12px;font-weight:800;padding:10px 13px;cursor:pointer}.tech-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.tech-metrics article{padding:18px;background:#fff;border:1px solid #ebe7f0;border-radius:12px}.tech-metrics p{margin:0 0 7px;font-size:12px;color:#827a8e}.tech-metrics b{display:block;font-size:25px;color:#3b2a4d}.tech-metrics span{font-size:11px;color:#968e9e}.tech-panel,.tech-detail-card{padding:22px}.tech-panel-heading,.tech-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px}.tech-panel-heading h2,.tech-detail-heading h1{margin:0 0 5px;font:800 19px Manrope,sans-serif}.tech-panel-heading p,.tech-detail-heading p{margin:0;color:#827a8e;font-size:12px}.tech-panel-heading select{border:1px solid #ded7e4;border-radius:7px;padding:8px;background:#fff;color:#44384e}.tech-panel-heading button{border:0;background:transparent;color:#5b3996;font-size:12px;font-weight:800;cursor:pointer}.tech-work-list{display:grid;border-top:1px solid #eeeaf1}.tech-work-row{border:0;border-bottom:1px solid #eeeaf1;background:#fff;display:grid;grid-template-columns:108px minmax(0,1fr) 130px 20px;align-items:center;gap:12px;padding:14px 4px;text-align:left;cursor:pointer;color:inherit}.tech-work-row:hover{background:#faf8fd}.tech-work-row>span:nth-child(2){display:grid;gap:4px;min-width:0}.tech-work-row b{font-size:13px}.tech-work-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#81798c;font-size:11px}.tech-work-row time{font-size:11px;color:#756d7d;text-align:right}.tech-detail-heading>div>span{font-size:12px;color:#81798c}.tech-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.tech-detail-grid section{border:1px solid #ebe7f0;border-radius:10px;padding:15px}.tech-detail-grid h3,.tech-update-card h3{margin:0 0 10px;font-size:13px;color:#54268a}.tech-detail-grid p{margin:5px 0;font-size:12px;color:#756d80;line-height:1.45}.tech-equipment p{display:grid;gap:2px}.tech-equipment span{font-size:11px}.tech-update-card{border-top:1px solid #ebe7f0;padding-top:18px}.tech-update-card textarea{width:100%;min-height:105px;box-sizing:border-box;resize:vertical;border:1px solid #dcd5e3;border-radius:9px;padding:11px;font:13px Manrope,sans-serif}.tech-update-card>div{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.tech-update-card button{border:0;border-radius:7px;background:#54268a;color:#fff;padding:10px 13px;font-size:12px;font-weight:800;cursor:pointer}.tech-update-card .secondary{background:#eee8f7;color:#54268a}.tech-update-card button:disabled{opacity:.55;cursor:default}.tech-profile{max-width:700px}.technician-label,.technician-shell,.technician-main,.assignment-grid,.assignment-card{display:none}@media (max-width:800px){.technician-workspace{display:block}.technician-sidebar{width:auto;min-height:0;height:auto;position:static;padding:12px;border-right:0;border-bottom:1px solid #ebe7f0}.technician-brand{padding:0 7px 12px}.technician-sidebar nav{display:flex;overflow:auto;gap:5px}.technician-sidebar nav button{white-space:nowrap;padding:9px}.technician-signout{position:absolute;right:11px;top:10px;font-size:0;padding:9px}.technician-signout svg{margin:0}.technician-topbar{height:58px;padding:0 18px}.technician-page{padding:18px}.tech-welcome{display:block;padding:21px}.tech-welcome button{margin-top:17px}.tech-metrics,.tech-detail-grid{grid-template-columns:1fr}.tech-work-row{grid-template-columns:82px minmax(0,1fr) 18px}.tech-work-row time{display:none}.tech-detail-heading{display:block}.tech-detail-heading>.status-pill{display:inline-block;margin-top:12px}.tech-update-card>div{justify-content:stretch}.tech-update-card button{flex:1}}.service-ops-page{padding:28px}.service-ops-tabs{display:flex;gap:8px;margin:20px 0}.service-ops-tabs button{border:1px solid #e1dbe8;background:#fff;border-radius:9px;padding:9px 12px;color:#71677a;font-weight:800;cursor:pointer}.service-ops-tabs button.active{background:#54268a;border-color:#54268a;color:#fff}.service-ops-tabs span{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;border-radius:999px;background:#f1eafb;color:#54268a;font-size:10px}.service-ops-tabs .active span{background:#fff;color:#54268a}.service-ops-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:16px;margin-bottom:22px}.service-ops-form,.service-ops-guide{padding:19px}.service-ops-form h3,.service-ops-guide h3{margin:0 0 13px;font:800 16px Manrope,sans-serif;color:#342744}.service-ops-form select,.service-ops-form input,.service-ops-form textarea,.service-ops-toolbar select,.service-ops-actions select{width:100%;box-sizing:border-box;margin-bottom:9px;border:1px solid #ded7e4;border-radius:7px;background:#fff;padding:10px;font:12px Manrope,sans-serif;color:#4b4054}.service-ops-form textarea{min-height:76px;resize:vertical}.service-ops-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.service-ops-form button,.service-ops-actions button{border:0;border-radius:7px;background:#54268a;color:#fff;padding:10px 13px;font-size:12px;font-weight:800;cursor:pointer}.service-ops-guide{background:linear-gradient(145deg,#faf7fd,#f1eafb)}.service-ops-guide p,.service-ops-guide li{font-size:12px;color:#695f73;line-height:1.6}.service-ops-guide ol{padding-left:18px;margin:0}.service-ops-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}.service-ops-toolbar h3{margin:0;font:800 16px Manrope,sans-serif}.service-ops-toolbar select{width:auto;margin:0}.service-ops-list{display:grid;gap:10px}.service-ops-item{display:flex;justify-content:space-between;gap:18px;padding:16px 18px}.service-ops-item h3{margin:9px 0 5px;font-size:15px}.service-ops-item p,.service-ops-item small{display:block;margin:0;color:#786e82;font-size:12px}.service-ops-item small{margin-top:6px;line-height:1.45}.service-ops-actions{display:grid;align-content:start;justify-items:end;gap:8px;min-width:145px}.service-ops-actions select{margin:0}.priority-badge{border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;text-transform:uppercase;background:#eff0f5;color:#647084}.priority-badge.high{background:#fff4dc;color:#a86f08}.priority-badge.critical{background:#ffe9e9;color:#b63745}.priority-badge.low{background:#edf7f2;color:#34785b}@media (max-width:760px){.service-ops-page{padding:18px}.service-ops-grid{grid-template-columns:1fr}.service-ops-item{display:block}.service-ops-actions{display:flex;align-items:center;justify-items:stretch;margin-top:13px}.service-ops-actions select{flex:1}.service-ops-row{grid-template-columns:1fr}.service-ops-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.service-ops-toolbar select{width:100%}}.package-form{grid-template-columns:repeat(4,minmax(0,1fr))!important}.package-form button{min-height:40px}.package-profile{display:block;margin:-8px 0 14px;color:#817b90;font-size:10px;line-height:1.4}@media (max-width:900px){.package-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:600px){.package-form{grid-template-columns:1fr!important}}.dynamic-package-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;margin-bottom:20px}.dynamic-package-form label{display:grid;gap:6px;color:#6e6879;font-size:11px;font-weight:800}.dynamic-package-form input,.dynamic-package-form select{height:40px;border:1px solid #e4e1eb;border-radius:7px;background:#fff;padding:0 10px;color:#332e3f}.dynamic-package-form button{align-self:end;min-height:40px;border-radius:7px;background:#655cf0;color:#fff;font-size:12px;font-weight:800;padding:0 12px}.service-chip{display:inline-block;background:#edf0ff;color:#5d56d2;border-radius:20px;padding:5px 9px;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:800;margin-bottom:16px}@media (max-width:900px){.dynamic-package-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.dynamic-package-form{grid-template-columns:1fr}}.self-service{min-height:100vh;background:#f7f7fb}.self-service-main{max-width:1120px;margin:0 auto;padding:34px 24px}.portal-actions{display:flex;gap:8px;flex-wrap:wrap}.portal-actions button,.portal-form button{border-radius:7px;background:#655cf0;color:#fff;padding:9px 12px;font-size:12px;font-weight:800}.portal-actions button.secondary{background:#f0eff7;color:#514b60}.portal-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.portal-form input,.portal-form select{height:39px;border:1px solid #e4e1eb;border-radius:7px;padding:0 10px;font-size:12px}.invoice-actions{display:flex;gap:7px;align-items:center;margin-top:8px}.invoice-actions button{font-size:11px;color:#655cf0;font-weight:800}.payment-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#211d2d88;z-index:30;display:grid;place-items:center;padding:20px}.payment-modal article{max-width:390px;text-align:center;padding:31px;background:#fff;border-radius:16px;box-shadow:0 20px 55px #17112066}.payment-success{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 15px;border-radius:50%;background:#e3f8ed;color:#14954f;font-size:26px;font-weight:900}.payment-modal h2{margin:0 0 9px;font:800 21px Manrope,sans-serif}.payment-modal p{color:#756f80;font-size:13px;line-height:1.55}.payment-modal button{margin-top:11px;background:#655cf0;color:#fff;border-radius:7px;padding:10px 26px;font-weight:800}.package-choice{display:grid;gap:10px}.package-choice div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #efedf3;padding:11px 0;font-size:12px}.package-choice button{color:#655cf0;font-weight:800}@media (max-width:700px){.portal-form{grid-template-columns:1fr}}.billing-forms{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;margin-bottom:18px}.manual-payment-form{display:grid;gap:10px;padding:18px}.manual-payment-form h3{margin:0 0 3px;font:800 15px Manrope,sans-serif}.manual-payment-form input,.manual-payment-form select{height:40px;border:1px solid #e5e2eb;border-radius:7px;padding:0 10px;font-size:12px;background:#fff}.manual-payment-form button{height:40px;border-radius:7px;background:#655cf0;color:#fff;font-size:12px;font-weight:800}@media (max-width:800px){.billing-forms{grid-template-columns:1fr}}.invoice-customer-search{position:relative}.invoice-customer-search>svg{position:absolute;top:12px;left:11px;z-index:1;color:#918a9d}.invoice-customer-search>input{width:100%;box-sizing:border-box;padding-left:36px!important}.invoice-customer-search:focus-within>input{border-color:#675df0;box-shadow:0 0 0 3px #675df01a}.invoice-customer-results{position:absolute;z-index:12;right:0;left:0;top:calc(100% + 5px);max-height:252px;overflow:auto;border:1px solid #dfdbea;border-radius:8px;background:#fff;box-shadow:0 12px 27px #211a3b22}.invoice-customer-results button{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-top:1px solid #f0edf5;background:#fff;color:#37313f;text-align:left}.invoice-customer-results button:first-child{border-top:0}.invoice-customer-results button:hover,.invoice-customer-results button[aria-selected=true]{background:#f7f5ff}.invoice-customer-results button>span:first-child{display:grid;gap:3px;min-width:0}.invoice-customer-results b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.invoice-customer-results small{overflow:hidden;color:#878093;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.invoice-customer-results p{margin:0;padding:15px;color:#817a8c;font-size:12px;text-align:center}.platform-shell{min-height:100vh;background:#f7f7fb}.platform-header{height:76px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:18px;background:#fff;border-bottom:1px solid #eceaf1}.platform-header>span{color:#746e7e;font-size:12px;font-weight:700}.platform-header .logout{margin-left:auto}.platform-main{max-width:1180px;margin:0 auto;padding:36px 24px}.platform-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.platform-intro h1{margin:2px 0 5px;font:800 27px Manrope,sans-serif}.platform-intro p{margin:0;color:#837d8e;font-size:13px}.platform-intro>button,.tenant-form>button{background:#252231;color:#fff;border-radius:8px;padding:11px 14px;font-weight:800;font-size:12px}.platform-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.platform-metrics article{padding:19px;border:1px solid #e9e6f0;border-radius:12px;background:#fff}.platform-metrics p{margin:0 0 8px;color:#8a8495;font-size:11px;text-transform:uppercase;font-weight:800}.platform-metrics strong{font:800 23px Manrope,sans-serif}.tenant-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:19px;margin-bottom:18px}.tenant-form h2{grid-column:1/-1;margin:0 0 2px;font:800 17px Manrope,sans-serif}.tenant-form input,.tenant-form select{height:39px;border:1px solid #e6e2ed;border-radius:7px;padding:0 10px;font-size:12px}.platform-table{padding:0;overflow:auto}.platform-row{display:grid;grid-template-columns:1.45fr .8fr .85fr .9fr .9fr 1fr;gap:12px;align-items:center;padding:16px 20px;border-top:1px solid #efedf3;font-size:12px}.platform-row:first-child{border-top:0}.platform-row>span:first-child{display:grid;gap:4px}.platform-row b{font-size:13px}.platform-row small{color:#8d8797;font-size:10px}.platform-heading{background:#fbfbfd;color:#928c9c;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.5px}.tenant-active,.tenant-suspended{border-radius:6px;padding:7px 8px;font-size:10px;font-weight:800}.tenant-active{background:#e6f8ed;color:#14824b}.tenant-suspended{background:#fff0f0;color:#bb4242}@media (max-width:800px){.platform-metrics,.tenant-form{grid-template-columns:1fr}.platform-row{min-width:820px}.platform-intro{display:block}.platform-intro>button{margin-top:14px}}.platform-workspace{min-height:100vh;display:flex;background:#f7f7fb}.platform-sidebar{width:232px;box-sizing:border-box;padding:27px 14px;display:flex;flex-direction:column;background:#fff;border-right:1px solid #ebe8f1}.platform-owner{display:flex;align-items:center;gap:9px;padding:0 10px 28px}.platform-owner-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#655cf0;color:#fff;font-weight:900}.platform-owner span:last-child{display:grid;line-height:1.1;letter-spacing:1px;font-size:13px}.platform-owner small{color:#7668ef;font-size:7px;letter-spacing:1.4px}.platform-sidebar>p{margin:0 10px 10px;color:#a09aa9;font-size:9px;font-weight:800;letter-spacing:.8px}.platform-sidebar nav{display:grid;gap:5px}.platform-sidebar nav button{display:flex;align-items:center;gap:10px;border-radius:8px;padding:11px 10px;color:#696275;font-size:12px;font-weight:700;text-align:left}.platform-sidebar nav button.active{background:#eeecff;color:#6259dc}.platform-sidebar .logout{margin-top:auto;display:flex;align-items:center;gap:9px;padding:10px;color:#6d6676;font-size:12px}.platform-content{flex:1;min-width:0;padding:34px max(24px,calc((100vw - 1320px)/2))}.platform-content-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.platform-content-header h1{margin:2px 0 0;font:800 27px Manrope,sans-serif}.tenant-filter{display:grid;gap:5px;color:#817b8e;font-size:10px;font-weight:800;text-transform:uppercase}.tenant-filter select{height:37px;min-width:190px;border:1px solid #e3dfeb;border-radius:7px;padding:0 9px;background:#fff;font-size:12px;text-transform:none}.tenant-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tenant-summary-grid article{padding:20px;position:relative}.tenant-summary-grid h2{margin:10px 0 4px;font:800 17px Manrope,sans-serif}.tenant-summary-grid p{color:#837d8e;font-size:11px;margin:0 0 14px}.tenant-summary-grid strong,.tenant-summary-grid small{display:block}.tenant-summary-grid small{margin-top:4px;color:#837d8e}.tenant-dot{display:block;width:9px;height:9px;border-radius:50%}.tenant-dot.active{background:#25a860}.tenant-dot.suspended{background:#d35a5a}.platform-data-table{padding:0;overflow:auto}.platform-data-row{display:grid;grid-template-columns:1.25fr 1fr 1fr .9fr .8fr;gap:12px;align-items:center;padding:15px 20px;border-top:1px solid #efedf3;font-size:12px}.platform-data-row>span:first-child,.platform-data-row small{display:grid;gap:4px}.platform-data-row b{font-size:13px}.platform-data-row small{color:#8d8797;font-size:10px}.platform-data-row.heading{background:#fbfbfd;border-top:0;color:#948e9d;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.5px}@media (max-width:760px){.platform-sidebar{width:60px;padding-inline:7px}.platform-sidebar .platform-owner span:last-child,.platform-sidebar>p,.platform-sidebar nav button{font-size:0}.platform-sidebar nav button{justify-content:center}.platform-content{padding:25px 16px}.platform-content-header{display:block}.tenant-filter{margin-top:14px}.tenant-summary-grid,.platform-metrics{grid-template-columns:1fr}.platform-data-row{min-width:720px}}.platform-mobile-menu,.platform-scrim{display:none}@media (max-width:760px){.platform-workspace{display:block}.platform-sidebar{position:fixed;inset:0 auto 0 0;z-index:42;width:252px;padding:27px 14px;box-shadow:18px 0 35px #17122026;transform:translate(-105%);transition:transform .22s ease}.platform-workspace.mobile-open .platform-sidebar{transform:translate(0)}.platform-sidebar .platform-owner span:last-child,.platform-sidebar>p,.platform-sidebar nav button{font-size:12px}.platform-sidebar nav button{justify-content:flex-start}.platform-content{padding:20px 15px 30px;width:auto}.platform-mobile-menu{display:grid;place-items:center;width:38px;height:38px;margin:0 0 18px;border:1px solid #e5e1ed;border-radius:8px;background:#fff;color:#655cf0;font-size:21px;line-height:1}.platform-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:41;background:#221d2d55}.platform-workspace:not(.mobile-open) .platform-scrim{display:none}.platform-workspace.mobile-open .platform-scrim{display:block}.platform-content-header{margin-bottom:18px}.platform-content-header h1{font-size:24px}.tenant-filter select{width:100%;min-width:0}.platform-data-table{margin-inline:-15px;border-radius:0}.platform-data-row{min-width:680px;padding-inline:16px}.tenant-summary-grid article{padding:17px}}.platform-workspace .platform-owner{width:196px;height:62px;padding:0;margin:0 0 22px;background:url(/obfa-logo.png?v=1) left center/196px auto no-repeat}.platform-workspace .platform-owner>*{display:none}.add-isp-button{margin-left:auto;background:#665cf0;color:#fff;border-radius:9px;padding:11px 15px;font-size:13px;font-weight:800;box-shadow:0 8px 18px #665cf044}.add-isp-button:hover{background:#554bd8}@media (max-width:620px){.add-isp-button{padding:9px 11px;font-size:12px}}.tenant-search{display:block;width:min(340px,100%);margin:0 0 12px auto;max-width:340px;background:transparent;border:0;border-radius:0;padding:0}.tenant-search input{height:40px;font-size:12px}.tenant-search:focus-within input{border-color:#665cf0}@media (max-width:760px){.tenant-search{margin-left:0;width:100%;max-width:none}}.platform-record-toolbar{display:flex;align-items:center;gap:10px;margin:-8px 0 18px;flex-wrap:wrap}.platform-record-toolbar .customer-search{flex:1;min-width:220px;max-width:none}.platform-record-toolbar select{height:40px;border:1px solid #e5e1ed;border-radius:8px;background:#fff;padding:0 10px;color:#5f586d;font-size:12px}.platform-record-toolbar .invoice-date-filter{min-width:126px}@media (max-width:760px){.platform-record-toolbar{align-items:stretch;flex-direction:column;margin-top:0}.platform-record-toolbar .customer-search{min-width:0}.platform-record-toolbar select,.platform-record-toolbar .invoice-date-filter{width:100%}}.tenant-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#17132680;display:grid;place-items:center;padding:20px}.tenant-provision-form{position:relative;width:min(650px,100%);padding:30px;background:#fff}.tenant-provision-form h2{margin:0 0 7px;font:800 24px Manrope,sans-serif}.tenant-provision-form>p:not(.eyebrow){margin:0 0 22px;color:#797387;font-size:13px}.tenant-provision-form label{display:grid;gap:7px;color:#5f586d;font-size:12px;font-weight:800}.tenant-provision-form input,.tenant-provision-form select{width:100%;padding:11px 12px;border:1px solid #e2deec;border-radius:8px;background:#fff;color:#292433}.tenant-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.tenant-provision-form>label{margin-bottom:20px}.tenant-form-actions{display:flex;justify-content:flex-end;gap:10px}.tenant-cancel,.tenant-submit{padding:11px 15px;border-radius:8px;font-size:13px;font-weight:800}.tenant-cancel{background:#f0eef5;color:#554f61}.tenant-submit{background:#665cf0;color:#fff}.tenant-modal-close{position:absolute;right:16px;top:12px;color:#716b7d;font-size:24px;line-height:1}.tenant-provision-notice{position:fixed;right:22px;bottom:22px;z-index:55;padding:13px 16px;border-radius:9px;background:#20202b;color:#fff;font-size:13px;font-weight:700;box-shadow:0 12px 30px #16122044}@media (max-width:620px){.tenant-form-grid{grid-template-columns:1fr}.tenant-provision-form{padding:25px 20px}.tenant-provision-notice{left:14px;right:14px;bottom:14px;text-align:center}}.tenant-provision-form{max-height:min(88vh,880px);overflow:auto}.tenant-form-section{border-top:1px solid #eeeaf4;margin-top:20px;padding-top:19px}.tenant-form-section h3{margin:0 0 13px;font:800 14px Manrope,sans-serif;color:#302a3b}.tenant-form-section>p{margin:-4px 0 13px;color:#817b8d;font-size:12px;line-height:1.45}.slug-note{color:#6e62d9!important;background:#f3f1ff;padding:9px 11px;border-radius:7px}.tenant-services{display:flex;gap:12px;flex-wrap:wrap}.tenant-services label{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #e4e0ee;border-radius:8px;background:#faf9fc}.tenant-services input{width:auto!important;accent-color:#665cf0}@media (max-width:620px){.tenant-provision-form{max-height:calc(100svh - 28px)}}.tenant-provision-form .tenant-final-password{margin-bottom:18px}.tenant-summary-card{cursor:pointer;transition:transform .18s,box-shadow .18s}.tenant-summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #3f365a18}.tenant-detail-page{max-width:1050px}.tenant-detail-hero{display:flex;align-items:center;gap:15px;padding:25px;margin-bottom:18px}.tenant-detail-hero .tenant-dot{width:13px;height:13px}.tenant-detail-hero h2{margin:2px 0 4px;font:800 25px Manrope,sans-serif}.tenant-detail-hero p:not(.eyebrow){margin:0;color:#847d90;font-size:13px}.tenant-detail-hero .account-status-button{margin-left:auto;background:#eeecff;color:#6259dc}.tenant-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tenant-detail-grid article,.tenant-detail-form{padding:23px}.tenant-detail-grid h3,.tenant-detail-form h3{margin:0 0 18px;font:800 16px Manrope,sans-serif}.tenant-detail-list{display:grid;gap:0}.tenant-detail-list span{display:grid;gap:5px;padding:13px 0;border-top:1px solid #efedf3;color:#928b9c;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.4px}.tenant-detail-list span:first-child{border-top:0;padding-top:0}.tenant-detail-list b{color:#37313f;font-size:13px;text-transform:none;letter-spacing:0;font-weight:700}.tenant-detail-form{max-width:780px}.tenant-detail-form label{display:grid;gap:6px;color:#665f71;font-size:11px;font-weight:800}.tenant-detail-form input,.tenant-detail-form select{height:40px;border:1px solid #e4dfec;border-radius:8px;padding:0 10px;background:#fff;color:#332d3d}.tenant-detail-form .tenant-services{margin:4px 0 20px}@media (max-width:720px){.tenant-detail-grid{grid-template-columns:1fr}.tenant-detail-hero{align-items:flex-start;flex-wrap:wrap}.tenant-detail-hero .account-status-button{margin-left:auto}}.tenant-detail-form .tenant-services{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 20px}.tenant-detail-form .tenant-services label{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #e4e0ee;border-radius:8px;background:#faf9fc;color:#5f586d;font-size:12px;font-weight:700}.tenant-detail-form .tenant-services input{width:16px!important;height:16px!important;margin:0;padding:0;accent-color:#665cf0}.platform-users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px}.platform-users-toolbar h2{margin:0 0 5px;font:800 19px Manrope,sans-serif;color:#302a3b}.platform-users-toolbar p{margin:0;color:#7d7688;font-size:12px;line-height:1.5}.platform-users-toolbar .add-isp-button{position:static;white-space:nowrap}.platform-user-form{padding:22px;margin:0 0 18px}.platform-user-form>div:first-child{margin-bottom:16px}.platform-user-form h2{margin:3px 0 5px;font:800 18px Manrope,sans-serif}.platform-user-form p:not(.eyebrow){margin:0;color:#7d7688;font-size:12px}.platform-user-form label{display:grid;gap:6px;color:#605969;font-size:11px;font-weight:800}.platform-user-form label small{font-size:10px;color:#938c9c;font-weight:600}.platform-user-form input{height:40px;border:1px solid #e4dfec;border-radius:8px;padding:0 10px;background:#fff;color:#332d3d}.platform-user-search{width:min(360px,100%);margin:0 0 14px}.platform-users-table{overflow:hidden}.platform-user-row{display:grid;grid-template-columns:1.15fr 1.2fr 1fr .8fr 1.3fr;align-items:center;gap:14px;padding:15px 17px;border-top:1px solid #eeebf3;color:#5b5565;font-size:12px}.platform-user-row.heading{border-top:0;background:#faf9fc;color:#928b9c;text-transform:uppercase;font-weight:800;font-size:10px;letter-spacing:.35px}.platform-user-row b,.platform-user-row small{display:block}.platform-user-row b{font-size:12px;color:#393340}.platform-user-row small{margin-top:4px;color:#918a9a;font-size:10px}.platform-user-actions{display:flex;flex-wrap:wrap;gap:7px}.platform-user-actions button{border:1px solid #dfd9eb;border-radius:7px;background:#fff;color:#5e54c9;font-size:11px;font-weight:800;padding:8px 9px}.platform-user-actions button.suspend{background:#fff2f2;border-color:#f1cccc;color:#c34e55}.platform-user-actions button.activate{background:#edfaf1;border-color:#c7ead2;color:#26834d}@media (max-width:760px){.platform-users-toolbar{align-items:flex-start;flex-direction:column}.platform-user-row{grid-template-columns:1fr;padding:14px}.platform-user-row.heading{display:none}.platform-user-row>span{display:grid;grid-template-columns:120px 1fr;gap:10px}.platform-user-row>span:before{content:attr(data-label);color:#938c9c;font-size:10px;font-weight:800;text-transform:uppercase}.platform-user-actions{display:flex!important}.platform-user-actions:before{display:none}}.inventory-console{max-width:1180px;margin:0 auto}.inventory-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:18px;border-radius:18px;background:linear-gradient(118deg,#211c3c,#47327f 55%,#6b55c6);color:#fff;box-shadow:0 16px 34px #2e215835}.inventory-hero:after{content:"";position:absolute;width:280px;height:280px;right:-90px;top:-165px;border:45px solid #bfff3144;border-radius:50%}.inventory-hero>*{position:relative;z-index:1}.inventory-hero h2{margin:4px 0 8px;font:800 28px Manrope,sans-serif}.inventory-hero p:not(.eyebrow){max-width:590px;margin:0;color:#ddd8f5;font-size:13px;line-height:1.55}.inventory-hero .eyebrow{color:#d8ff43;font-size:10px;letter-spacing:1.5px}.inventory-hero-badge{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;min-width:175px;padding:13px 15px;border:1px solid #ffffff2e;border-radius:13px;background:#ffffff12;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.inventory-hero-badge span{grid-row:1/3;color:#d8ff43;font-size:22px}.inventory-hero-badge b{font-size:12px}.inventory-hero-badge small{color:#d8d2ee;font-size:10px}.inventory-metrics{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.inventory-metrics article{position:relative;overflow:hidden;border:1px solid #e6e0f1;border-radius:14px;padding:18px 19px;background:linear-gradient(145deg,#fff,#faf8ff);box-shadow:0 7px 18px #3527550d}.inventory-metrics article:before{content:"";display:block;width:31px;height:4px;margin-bottom:13px;border-radius:99px;background:#7965e8}.inventory-metrics article:nth-child(2):before{background:#1aa66a}.inventory-metrics article:nth-child(3):before{background:#e69c2a}.inventory-metrics article:nth-child(4):before{background:#d75b74}.inventory-metrics span,.inventory-metrics small{display:block;color:#81798d;font-size:11px}.inventory-metrics strong{display:block;margin:5px 0;font:800 25px Manrope,sans-serif;color:#302940}.inventory-transfer-table{padding:0;margin-bottom:18px}.inventory-transfer-table h3{padding:19px 18px 0;margin:0;font:800 16px Manrope,sans-serif}.inventory-transfer-table .platform-user-row{grid-template-columns:1fr 2fr .8fr 1fr}.inventory-transfer-table .platform-user-row small{line-height:1.55}.inventory-transfer-table button{border:1px solid #dcd5ee;border-radius:7px;padding:7px 9px;margin-right:6px;background:#fff;color:#584abb;font-size:11px;font-weight:800}.inventory-transfer-table button.suspend{color:#bd4b57;background:#fff2f3;border-color:#f0d0d4}.inventory-table-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 19px 14px}.inventory-table-heading h3{margin:3px 0;font:800 17px Manrope,sans-serif;color:#302a3c}.inventory-table-heading span:not(.inventory-live-dot){color:#837d8e;font-size:11px}.inventory-live-dot{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:7px 10px;background:#eaf9ef;color:#18834c;font-size:10px;font-weight:800}.inventory-live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#30bd70;box-shadow:0 0 0 3px #30bd7024}.inventory-stock-table .platform-user-row{grid-template-columns:.9fr 1.7fr 1fr 1fr .9fr}.inventory-category{display:inline-block;border-radius:99px;background:#f0edff;color:#6457bd;padding:5px 8px;font-size:10px;text-transform:capitalize}@media (max-width:760px){.inventory-hero{align-items:flex-start;flex-direction:column;padding:23px 20px;border-radius:14px}.inventory-hero h2{font-size:23px}.inventory-hero-badge{width:100%;box-sizing:border-box}.inventory-metrics{grid-template-columns:1fr 1fr;gap:10px}.inventory-metrics strong{font-size:22px}.inventory-transfer-table,.inventory-stock-table{margin-inline:-15px;border-radius:0}.inventory-transfer-table .platform-user-row,.inventory-stock-table .platform-user-row{grid-template-columns:1fr}.inventory-table-heading{align-items:flex-start;flex-direction:column}.inventory-stock-table .platform-user-row.heading{display:none}}.inventory-action-card{padding:22px;margin:0 0 18px;border:1px solid #e5e0f1;background:linear-gradient(145deg,#fff,#fcfbff)}.inventory-action-heading{margin-bottom:16px}.inventory-action-heading h3{margin:4px 0 0;font:800 18px Manrope,sans-serif;color:#302a3b}.inventory-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}.inventory-form label{display:grid;gap:6px;color:#625b6c;font-size:11px;font-weight:800}.inventory-form input,.inventory-form select,.inventory-form textarea{box-sizing:border-box;width:100%;border:1px solid #e2ddeb;border-radius:8px;background:#fff;padding:10px;color:#312b3a;font:12px inherit}.inventory-form input,.inventory-form select{height:40px}.inventory-form textarea{min-height:76px;resize:vertical}.inventory-form .inventory-notes{grid-column:span 2}.inventory-form button{justify-self:start;min-width:170px}.drum-picker{grid-column:1/-1;padding:12px;border:1px solid #e7e1f0;border-radius:10px;background:#fff}.drum-picker>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.drum-picker>div small{color:#776d88}.drum-picker-row{display:grid!important;grid-template-columns:16px 1fr 94px;align-items:center;gap:9px!important;margin:5px 0;padding:7px 8px!important;border:1px solid #eeeaf4;border-radius:7px;background:#fcfbff}.inventory-form .drum-picker-row input[type=checkbox]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:14px;height:14px;min-width:14px;padding:0;margin:0;accent-color:#6044a7}.drum-picker-row span{display:grid;gap:1px}.drum-picker-row span small{font-weight:600;color:#847b91}.inventory-form .drum-picker-row input[type=number]{height:30px;padding:5px 7px;font-size:11px}@media (max-width:760px){.inventory-action-card{padding:18px}.inventory-form{grid-template-columns:1fr}.inventory-form .inventory-notes{grid-column:auto}.inventory-form button{width:100%}.drum-picker-row{grid-template-columns:14px 1fr 80px}}.lead-requisition{border-color:#dcd4fb;background:linear-gradient(145deg,#fff,#f7f4ff)}.lead-requisition .inventory-action-heading span{display:block;margin-top:6px;color:#776f87;font-size:12px;line-height:1.5}.inventory-add-item{align-self:end;height:40px;border:1px dashed #7665db;border-radius:8px;background:#f3f0ff;color:#5848be;font-size:12px;font-weight:800}.requisition-list{margin-top:18px;border:1px solid #e6e1ef;border-radius:11px;background:#fff}.requisition-list>div:first-child{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;background:#faf9fd;border-bottom:1px solid #eeeaf4}.requisition-list>div:first-child b{font-size:13px;color:#383142}.requisition-list>div:first-child span,.requisition-list>p{margin:0;color:#837b8c;font-size:11px}.requisition-list>p{padding:16px}.requisition-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 15px;border-top:1px solid #f0edf5}.requisition-row:first-of-type{border-top:0}.requisition-row b,.requisition-row small{display:block}.requisition-row b{font-size:12px;color:#3e3748}.requisition-row small{margin-top:3px;color:#938b9a;font-size:10px}.requisition-row strong{font-size:12px;color:#5b4bc0}.requisition-row button{border:0;background:#fff0f2;color:#c35160;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800}.requisition-submit{display:block;margin:16px 0 0 auto}.inventory-section-label{grid-column:1/-1!important;color:#5a4bbd!important;font-size:12px!important}@media (max-width:760px){.requisition-row{grid-template-columns:1fr auto}.requisition-row button{grid-column:1/-1;justify-self:start}.requisition-submit{width:100%;margin-top:14px}}.inventory-custody-metrics{grid-template-columns:repeat(3,1fr)}.inventory-custody-metrics article:nth-child(4){border-color:#dcd5f7;background:#f7f5ff}.inventory-request-history{padding:0;margin-top:18px;overflow:hidden}.request-history-row{display:grid;grid-template-columns:1.1fr 2fr auto;gap:15px;align-items:center;padding:14px 18px;border-top:1px solid #efecf4}.request-history-row b,.request-history-row small{display:block}.request-history-row b{font-size:12px;color:#3c3545}.request-history-row small{margin-top:4px;color:#888090;font-size:10px}.request-history-row small+small{margin-top:5px}.store-request-queue{grid-column:1/-1;border:1px solid #e6e0f0;border-radius:10px;background:#fff}.queue-heading{display:flex;justify-content:space-between;padding:12px 14px;background:#faf9fd;border-bottom:1px solid #eeeaf4}.queue-heading b{font-size:12px;color:#3d3548}.queue-heading span{border-radius:99px;background:#eeeaff;color:#5c4abf;padding:4px 8px;font-size:10px;font-weight:800}.store-request-queue>button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid #f0edf4;text-align:left;background:#fff;color:#433b4e}.store-request-queue>button:first-of-type{border-top:0}.store-request-queue>button:hover,.store-request-queue>button.selected{background:#f5f2ff}.store-request-queue>button.selected{box-shadow:inset 3px 0 #6a59d2}.store-request-queue b,.store-request-queue small{display:block}.store-request-queue b{font-size:12px}.store-request-queue small{margin-top:3px;color:#8a8392;font-size:10px}.store-request-queue strong{color:#5c4abf;font-size:11px}.store-request-queue>p{padding:15px;margin:0;color:#888090;font-size:12px}.selected-request-note{grid-column:1/-1;padding:10px 12px;border-radius:8px;background:#f1efff;color:#594db3;font-size:12px}@media (max-width:760px){.inventory-custody-metrics{grid-template-columns:1fr 1fr}.request-history-row{grid-template-columns:1fr;gap:8px}.store-request-queue>button{align-items:flex-start;flex-direction:column}}.pickup-details{grid-column:1/-1;padding:16px;border:1px solid #e4dff2;border-radius:10px;background:#faf9ff}.pickup-details h4{margin:0 0 12px;color:#342d41;font-size:14px}.pickup-details>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pickup-details span{display:grid;gap:4px;color:#8a8393;font-size:10px;text-transform:uppercase}.pickup-details b{color:#443a51;font-size:12px;text-transform:none;overflow-wrap:anywhere}.pickup-details button{margin-top:14px;padding:8px 10px;border:1px solid #d9d0ef;border-radius:7px;background:#fff;color:#5d4cba;font-weight:700;font-size:11px}.lead-requisition input[type=file]{height:auto;min-height:40px;padding:7px}.lead-requisition .inventory-form small{font-weight:400}@media (max-width:760px){.pickup-details>div{grid-template-columns:1fr 1fr}}.gin-release-history{margin-top:22px;padding-top:18px;border-top:1px solid #ebe7f2}.gin-release-history h4{margin:0;color:#302a3b;font-size:14px}.gin-release-history p{margin:6px 0 12px;color:#81798d;font-size:12px}.gin-release-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #f0edf5}.gin-release-row b,.gin-release-row small{display:block}.gin-release-row b{color:#40364c;font-size:12px}.gin-release-row small{color:#8d8596;font-size:11px;margin-top:4px}.gin-release-row button{border:1px solid #d9d1ee;border-radius:8px;background:#f7f5ff;color:#5a4ab5;padding:9px 11px;font-size:11px;font-weight:800}@media (max-width:600px){.gin-release-row{align-items:flex-start;flex-direction:column}}.invoice-date-filter select{height:40px;border:1px solid #e5e1ed;border-radius:8px;background:#fff;padding:0 9px;color:#5f586d;font-size:12px;text-transform:none}.toolbar-search-filter{display:grid;flex:1;min-width:220px;gap:3px;color:#7d768a;font-size:10px;font-weight:800;text-transform:uppercase}.toolbar-search-filter .customer-search{width:100%;max-width:none}.invoice-toolbar .export-invoices{align-self:flex-end}@media (max-width: 700px){.toolbar-search-filter{min-width:0}.invoice-toolbar .export-invoices{align-self:stretch}}@media (max-width: 760px){.platform-record-toolbar .toolbar-search-filter{min-width:0;width:100%}}.customer-workspace{min-height:100vh;background:#f7f7fb;display:flex;color:#292434}.customer-sidebar{width:244px;flex:0 0 244px;background:#fff;border-right:1px solid #e9e6ef;padding:22px 14px 16px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;box-sizing:border-box;z-index:20}.customer-sidebar-brand{padding:1px 10px 25px}.customer-sidebar-brand .brand{height:38px;justify-content:flex-start}.customer-sidebar-brand .brand img{max-width:144px;max-height:38px;object-fit:contain;object-position:left center}.customer-sidebar-brand>span{display:block;margin-top:9px;color:#938b9f;font-size:10px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}.customer-sidebar nav{display:grid;gap:5px}.customer-sidebar nav button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#6d6577;font:700 13px Manrope,sans-serif;text-align:left;cursor:pointer}.customer-sidebar nav button:hover{background:#f5f3fa;color:#54268a}.customer-sidebar nav button.active{background:#eeeafb;color:#54268a}.customer-sidebar-logout{display:flex;align-items:center;gap:9px;margin-top:auto;padding:11px 12px;border:0;border-radius:9px;background:#fff2f2;color:#b23e47;font:800 12px Manrope,sans-serif;cursor:pointer}.customer-content{min-width:0;flex:1}.customer-topbar{height:70px;background:#fff;border-bottom:1px solid #e9e6ef;display:flex;align-items:center;gap:12px;padding:0 30px}.customer-topbar>div{display:grid;gap:2px}.customer-topbar b{font:800 15px Manrope,sans-serif}.customer-topbar span:not(.status-pill){font-size:11px;color:#918a9a}.customer-topbar .status-pill{margin-left:auto}.customer-menu-toggle{display:none;border:0;background:#f4f2f8;border-radius:8px;padding:8px;color:#54268a}.customer-page{max-width:1280px;margin:0 auto;padding:30px}.customer-welcome{border-radius:17px;padding:28px 30px;background:linear-gradient(118deg,#54268a,#7650b2);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px;box-shadow:0 11px 28px #54268a22}.customer-welcome p{margin:0 0 6px;color:#dbcaef;font-size:13px;font-weight:700}.customer-welcome h1{margin:0;font:800 28px Manrope,sans-serif}.customer-welcome>div>span{display:block;margin-top:7px;color:#eee7f6;font-size:13px}.customer-welcome-status{background:#ffffff18;border:1px solid #ffffff36;border-radius:12px;padding:14px 16px;min-width:190px}.customer-welcome-status b,.customer-welcome-status span{display:block}.customer-welcome-status b{font-size:14px}.customer-welcome-status span{font-size:12px;color:#eee7f6;margin-top:4px}.customer-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.customer-metrics article{position:relative;overflow:hidden;background:#fff;border:1px solid #ece8f1;border-radius:13px;padding:17px;min-height:123px}.customer-metrics svg{color:#6e51b5;margin-bottom:12px}.customer-metrics p{margin:0;color:#8f8798;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.45px}.customer-metrics strong{display:block;margin:5px 0;font:800 21px Manrope,sans-serif}.customer-metrics span{display:block;color:#827a8c;font-size:11px;line-height:1.35}.customer-dashboard-grid,.customer-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.customer-section-grid{align-items:start}.customer-section-grid>.portal-card:first-child:last-child{grid-column:1/-1}.customer-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.customer-card-heading h2{margin-bottom:3px}.customer-card-heading p{margin:0 0 13px;color:#8c8494;font-size:12px}.customer-card-heading button{border:0;background:#f2eff9;color:#5b3996;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.customer-status-text{text-transform:capitalize}.customer-status-text.active{color:#208451}.customer-status-text.pending{color:#bd7c17}.customer-status-text.suspended{color:#c3434e}.service-summary{border:1px solid #eeeaf4;border-radius:10px;background:#fbfaff;padding:16px;margin:12px 0}.service-summary .status-pill{margin-bottom:10px}.service-summary h3{margin:0;font:800 18px Manrope,sans-serif}.service-summary p,.section-intro{color:#81798a;font-size:12px;line-height:1.55}.customer-section-grid .portal-card{padding:22px}.customer-section-grid .portal-card h2{margin-bottom:10px}.customer-section-grid .ticket-form{margin-top:15px}.portal-form label{display:grid;gap:6px;color:#736b7a;font-size:11px;font-weight:800}.portal-form button{width:max-content}.customer-menu-backdrop{display:none}.customer-page .portal-notice{margin-bottom:15px}@media (max-width:920px){.customer-sidebar{width:214px;flex-basis:214px}.customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-welcome{padding:24px}.customer-page{padding:22px}}@media (max-width:700px){.customer-sidebar{position:fixed;left:0;transform:translate(-100%);width:258px;transition:transform .2s ease;box-shadow:10px 0 30px #24153d18}.customer-sidebar.open{transform:translate(0)}.customer-menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#18102166;z-index:15}.customer-menu-toggle{display:inline-flex}.customer-topbar{height:62px;padding:0 16px}.customer-page{padding:17px}.customer-welcome{display:block;padding:21px;margin-bottom:15px}.customer-welcome h1{font-size:24px}.customer-welcome-status{margin-top:17px;min-width:0}.customer-metrics,.customer-dashboard-grid,.customer-section-grid{grid-template-columns:1fr;gap:12px}.customer-metrics article{min-height:0}.customer-section-grid>.portal-card:first-child:last-child{grid-column:auto}.customer-card-heading{display:block}.customer-card-heading button{margin:3px 0 13px}.customer-topbar .status-pill{font-size:10px;padding:5px 8px}.customer-section-grid .portal-card{padding:17px}}.customer-section-grid .package-choice span{display:grid;gap:6px}.customer-section-grid .package-choice small{display:block;line-height:1.4}.service-cancel{margin-top:18px;padding-top:15px;border-top:1px solid #f0e5e6}.service-cancel p{margin:0 0 10px;color:#8a6670;font-size:12px;line-height:1.45}.service-cancel button{border:1px solid #edc6cb;border-radius:7px;background:#fff5f5;color:#b33b47;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer}.service-cancel button:hover{background:#fdebed}.customer-billing-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0 4px}.customer-billing-filters label{display:grid;gap:5px;color:#797180;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}.customer-billing-filters select{min-width:0;height:37px;border:1px solid #e7e2ed;border-radius:7px;background:#fff;color:#423b4a;padding:0 9px;font-size:12px}@media (max-width: 480px){.customer-billing-filters{grid-template-columns:1fr}}.customer-active-services-card{grid-column:1 / -1}.active-service-count{border-radius:999px;background:#eeeafb;color:#54268a;padding:6px 10px;font-size:11px;font-weight:800;white-space:nowrap}.active-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;margin-top:14px}.active-service-card{min-width:0;border:1px solid #e8e2f1;border-radius:11px;background:linear-gradient(145deg,#fbfaff,#f5f1fb);padding:16px}.active-service-card .status-pill{margin-bottom:12px}.active-service-card h3{margin:0;color:#302540;font:800 16px Manrope,sans-serif}.active-service-card>p{min-height:18px;margin:5px 0 14px;color:#82798d;font-size:12px}.active-service-card>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e7e1ee;padding-top:9px;margin-top:9px;color:#746b7d;font-size:11px}.active-service-card>div b{color:#3f354c;text-align:right;font-size:11px}.available-services-card{grid-column:1 / -1}.available-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:13px;margin-top:15px}.available-service-card{--service-color: #5b55d9;--service-soft: #efefff;border:1px solid color-mix(in srgb,var(--service-color) 24%,#fff);border-radius:12px;background:linear-gradient(145deg,var(--service-soft),#fff);padding:16px}.available-service-card.service-street_lights{--service-color: #c88613;--service-soft: #fff8e8}.available-service-card.service-cctv{--service-color: #168487;--service-soft: #e9fbfb}.available-service-card.service-mobile_hotspot{--service-color: #2874c9;--service-soft: #edf6ff}.available-service-card.service-managed_services{--service-color: #7650b2;--service-soft: #f3edff}.available-service-card.service-smart_city{--service-color: #25845d;--service-soft: #eafaf1}.available-service-card.service-iot{--service-color: #bd5a29;--service-soft: #fff0e9}.available-service-type{display:inline-block;margin-bottom:12px;border-radius:999px;background:var(--service-color);color:#fff;padding:5px 8px;font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.available-service-card h3{margin:0;color:#31283b;font:800 16px Manrope,sans-serif}.available-service-card>p{margin:5px 0 13px;color:#746d7a;font-size:12px}.available-service-card>div{display:flex;align-items:baseline;gap:4px;margin-bottom:14px}.available-service-card>div b{color:var(--service-color);font-size:16px}.available-service-card>div small{color:#837b8b;font-size:11px}.available-service-card button{width:100%;border:0;border-radius:7px;background:var(--service-color);color:#fff;padding:9px 10px;font-size:12px;font-weight:800;cursor:pointer}.available-service-card button:disabled{background:#dad5e0;cursor:default}.available-service-card.pending-package-card{cursor:not-allowed;opacity:.72;filter:grayscale(.28)}.available-service-card.pending-package-card:hover{transform:none;box-shadow:none}.available-service-card .pending-package-button,.available-service-detail .pending-package-button{background:#b8b2bd!important;color:#f8f7f8!important;cursor:not-allowed;box-shadow:none}.awaiting-payment-label{background:#efe7bd;color:#796012}.service-detail-actions .renew-pending-service{background:#54268a;color:#fff}.service-card-link{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.service-card-link:hover,.service-card-link:focus-visible{transform:translateY(-2px);box-shadow:0 9px 20px #3523511a;outline:none}.service-card-link:not(.available-service-card) button{width:100%;margin-top:14px;border:0;border-radius:7px;background:#54268a;color:#fff;padding:8px;font-size:11px;font-weight:800;cursor:pointer}.available-service-card-link:not(:has(button:disabled)){cursor:pointer}.service-detail-card{padding:25px}.service-back{border:0;background:transparent;color:#5b3996;padding:0;font-size:12px;font-weight:800;cursor:pointer}.service-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:18px 0}.service-detail-header h2{margin:9px 0 4px;color:#31283b;font:800 22px Manrope,sans-serif}.service-detail-header p{margin:0;color:#746d7a;font-size:13px}.service-detail-actions{display:flex;gap:8px}.service-detail-actions button{border:0;border-radius:7px;background:#54268a;color:#fff;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer}.service-detail-actions .secondary{border:1px solid #f1cbd0;background:#fff4f4;color:#b33b47}.service-detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #ede8f1;border-radius:10px}.service-detail-metrics div{padding:15px;border-right:1px solid #ede8f1}.service-detail-metrics div:last-child{border-right:0}.service-detail-metrics span{display:block;margin-bottom:5px;color:#82798b;font-size:11px}.service-detail-metrics b{color:#342a40;font-size:14px}.service-detail-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.service-detail-records section{padding:16px;border:1px solid #ede8f1;border-radius:10px}.service-detail-records h3{margin:0 0 10px;color:#342a40;font-size:14px}.available-service-detail-note{margin-top:20px;padding:16px;border-radius:10px;background:#f7f2fb}.available-service-detail-note h3{margin:0 0 6px;color:#42216b;font-size:14px}.available-service-detail-note p{margin:0;color:#6d6078;font-size:13px;line-height:1.55}.customer-support{display:grid;gap:16px}.customer-support-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px;border-radius:14px;background:linear-gradient(120deg,#54268a,#7b49b1);color:#fff}.customer-support-hero>div:first-child>span{color:#e6d8f6;font-size:10px;font-weight:800;letter-spacing:1px}.customer-support-hero h2{margin:5px 0;font:800 24px Manrope,sans-serif}.customer-support-hero p{max-width:520px;margin:0;color:#e8ddf3;font-size:13px}.customer-support-hero>div:last-child{min-width:84px;display:grid;justify-items:center;padding:12px;border-radius:11px;background:#ffffff20}.customer-support-hero>div:last-child b{font-size:24px}.customer-support-hero>div:last-child span{font-size:10px;text-align:center;color:#eee6f7}.customer-support-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.customer-ticket-compose,.customer-appointment-card,.customer-ticket-history{padding:20px}.customer-ticket-form{display:grid;gap:12px;margin-top:15px}.customer-ticket-form label{display:grid;gap:6px;color:#5b5264;font-size:11px;font-weight:800}.customer-ticket-form input,.customer-ticket-form select,.customer-ticket-form textarea{width:100%;box-sizing:border-box;border:1px solid #ded7e4;border-radius:8px;background:#fff;padding:10px;color:#372d42;font:12px Manrope,sans-serif}.customer-ticket-form textarea{min-height:84px;resize:vertical}.customer-ticket-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-ticket-form button{justify-self:start;border:0;border-radius:8px;background:#54268a;color:#fff;padding:10px 14px;font-size:12px;font-weight:800;cursor:pointer}.customer-appointment-list,.customer-ticket-list{display:grid;gap:10px;margin-top:15px}.customer-appointment{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px 0;border-bottom:1px solid #eee9f1}.customer-appointment:last-child{border-bottom:0}.customer-appointment b,.customer-ticket-row b{display:block;color:#382d44;font-size:13px}.customer-appointment p,.customer-appointment small{display:block;margin:4px 0 0;color:#7b7185;font-size:11px}.customer-support-empty{display:grid;gap:5px;min-height:120px;place-content:center;text-align:center;color:#7b7185;font-size:12px}.customer-support-empty b{color:#463a51}.customer-ticket-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #eee8f2;border-radius:10px}.customer-ticket-row>div:nth-child(2){min-width:0}.customer-ticket-row>div:nth-child(2) span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:#81778a;font-size:11px}.customer-ticket-row>div:last-child{display:grid;justify-items:end;gap:6px}.customer-ticket-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f0eafa;color:#54268a;font-size:16px;font-weight:800}.invoice-payment-page{max-width:860px}.invoice-payment-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:19px 0 22px}.invoice-payment-header h2{margin:8px 0 4px;color:#34273d}.invoice-payment-header p{margin:0;color:#7a6f83;font-size:12px}.invoice-payment-header>b{color:#54268a;font:800 25px Manrope,sans-serif;white-space:nowrap}.invoice-payment-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.invoice-payment-actions button{border:0;border-radius:8px;padding:11px 15px;font-size:12px;font-weight:800;cursor:pointer}.invoice-payment-actions .secondary{border:1px solid #ddd5e6;background:#fff;color:#564563}.invoice-payment-note{margin:18px 0 0;padding:12px 14px;border-radius:9px;background:#f1f9f3;color:#42634a;font-size:12px;line-height:1.5}.account-security{max-width:620px;margin-top:18px}.account-security>p{margin:-4px 0 16px;color:#786f80;font-size:12px}.account-security .portal-form{max-width:420px}.security-reset{margin-top:11px}.security-danger{margin-top:25px;padding:15px;border:1px solid #f2c9c9;border-radius:10px;background:#fff8f8}.security-danger b{color:#922f37}.security-danger p{margin:5px 0 12px;color:#8b6267;font-size:12px}.security-danger button{border:0;border-radius:7px;background:#b73c47;color:#fff;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer}.invoice-tax-details{background:linear-gradient(135deg,#fff,#fbfafc)}.invoice-tax-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #eee9f1;color:#756d7d;font-size:12px}.invoice-tax-row:first-of-type{border-top:0}.invoice-tax-row b{color:#30283a}.invoice-tax-row.total{margin-top:3px;padding-top:12px;border-top-color:#cec6d6;font-weight:800}.export-invoices:disabled{cursor:not-allowed;opacity:.48;filter:grayscale(.35)}@media (max-width: 700px){.service-detail-header{display:block}.service-detail-actions{flex-wrap:wrap;margin-top:14px}.service-detail-metrics,.service-detail-records{grid-template-columns:1fr}.customer-support-hero,.customer-support-grid{display:grid;grid-template-columns:1fr}.customer-support-hero>div:last-child{justify-self:start}.customer-ticket-row{grid-template-columns:32px minmax(0,1fr)}.customer-ticket-row>div:last-child{grid-column:2;justify-items:start;grid-auto-flow:column;justify-content:start}.service-detail-metrics div{border-right:0;border-bottom:1px solid #ede8f1}.service-detail-metrics div:last-child{border-bottom:0}.invoice-payment-header{display:grid}.invoice-payment-header>b{font-size:21px}}.gps-capture{align-self:end;padding:9px 11px;border:1px dashed #a99be0;border-radius:11px;background:linear-gradient(135deg,#f7f4ff,#fff);box-shadow:0 5px 14px #5e47ad12}.gps-capture-button{display:flex!important;align-items:center;justify-content:center;gap:8px!important;width:100%;min-width:0!important;padding:11px 13px!important;border:0!important;border-radius:8px!important;background:linear-gradient(120deg,#6047b5,#7a60d9)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;box-shadow:0 7px 15px #5e47ad42;animation:gps-pulse 1.8s ease-in-out infinite}.gps-capture-button:hover{transform:translateY(-1px);filter:brightness(1.05)}.gps-capture-button:disabled{animation:none;opacity:.8}.gps-capture p{margin:7px 1px 0;color:#685f78;font-size:10px;line-height:1.35}.gps-capture.captured{border-style:solid;border-color:#8bd1ac;background:#f3fff8}.gps-capture.captured .gps-capture-button{background:linear-gradient(120deg,#168954,#29b672)!important;animation:none}@keyframes gps-pulse{0%,to{box-shadow:0 7px 15px #5e47ad42}50%{box-shadow:0 7px 0 8px #6d53c520}}.pole-selector{display:grid;grid-column:1/-1;gap:7px;max-width:620px;padding:13px 14px;border:1px solid #e2dceb;border-radius:12px;background:linear-gradient(135deg,#faf9ff,#fff);color:#4a4057;font-size:12px;font-weight:800}.pole-selector select{width:100%;height:42px;padding:0 12px;border:1px solid #cfc5e7;border-radius:8px;background:#fff;color:#302a3b;box-shadow:0 3px 8px #3d2d5e0b;font:700 12px Manrope,sans-serif}.pole-selector select:focus{border-color:#6f42c1;outline:3px solid #6f42c11f}.pole-selector small{color:#857a90;font-size:10px;font-weight:600}.pole-proof{display:grid;grid-column:1/-1;gap:12px;padding:15px;border:1px solid #ddd2f1;border-radius:13px;background:linear-gradient(135deg,#fbf9ff,#f5f1ff)}.pole-proof>div:first-child{display:grid;gap:3px}.pole-proof b{color:#39215e;font-size:13px}.pole-proof small{color:#70647e;font-size:11px;line-height:1.4}.pole-camera-start{display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;border:1px dashed #7356bc!important;border-radius:10px!important;background:#fff!important;color:#593b9b!important;font-weight:800!important;box-shadow:0 5px 12px #5e47ad12}.pole-camera-start:hover{background:#f7f2ff!important;transform:translateY(-1px)}.pole-camera{display:grid;gap:10px}.pole-camera video{width:100%;max-width:480px;max-height:330px;object-fit:cover;border:3px solid #fff;border-radius:10px;background:#16111d;box-shadow:0 8px 20px #30185c26}.pole-camera>div{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.pole-camera .tenant-submit{display:inline-flex;align-items:center;gap:7px}.pole-proof-preview{display:grid;grid-template-columns:112px 1fr auto;gap:12px;align-items:center}.pole-proof-preview img{width:112px;height:78px;object-fit:cover;border-radius:9px;border:2px solid #72c797}.pole-proof-preview span{color:#16764b;font-size:12px;font-weight:800}.pole-proof-preview button{justify-self:end;color:#6443a3;font-size:12px;font-weight:800}@media (max-width:560px){.pole-proof-preview{grid-template-columns:82px 1fr}.pole-proof-preview img{width:82px;height:65px}.pole-proof-preview button{grid-column:1/-1;justify-self:start}.pole-camera video{max-height:260px}}