.portal{--p-bg:#080c12;--p-surface:#101722;--p-line:#25303e;--p-text:#f5f7fb;--p-muted:#96a4b6;--p-pink:#ff0753;--p-green:#25d6a5;background:var(--p-bg);color:var(--p-text);min-height:100dvh;font-family:inherit;font-size:15px;line-height:1.6}.portal *{box-sizing:border-box}.portal a,.portal button,.portal input,.portal select,.portal textarea{font:inherit}.portal button,.portal a{touch-action:manipulation}.portal button{cursor:pointer}.portal a{color:inherit;text-decoration:none}.portal h1,.portal h2,.portal h3,.portal p{margin:0}.portal h1{letter-spacing:-1.2px;font-size:clamp(28px,3vw,40px);line-height:1.2}.portal h2{letter-spacing:-.6px;font-size:23px;line-height:1.25}.portal h3{font-size:18px;line-height:1.35}.portal p{color:var(--p-muted);line-height:1.7}.portal small{color:var(--p-muted);font-size:12px}.portal svg{flex-shrink:0}.portal button:disabled{opacity:.55;cursor:wait}.portal :focus-visible{outline:2px solid var(--p-green);outline-offset:4px}.portal input,.portal select,.portal textarea{width:100%;min-width:0;color:var(--p-text);outline-offset:2px;background:#090f18;border:1px solid #344051;border-radius:10px;padding:12px 14px;display:block}.portal textarea{resize:vertical;min-height:90px}.portal input[type=checkbox]{width:18px;height:18px;accent-color:var(--p-pink);flex:0 0 18px;margin:4px 0 0;padding:0}.portal select,.portal input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.p-field{flex-direction:column;gap:7px;margin:0 0 17px;display:flex}.p-field>span{color:#cbd4df;font-size:13px;font-weight:600}.p-check{color:var(--p-muted);align-items:flex-start;gap:10px;margin:20px 0;font-size:13px;display:flex}.p-check a{text-decoration:underline}.p-button{color:#fff;background:linear-gradient(110deg,#ff0753,#cf0043);border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:12px;min-height:47px;padding:12px 21px;transition:transform .15s,filter .15s;display:inline-flex;font-size:14px!important;font-weight:750!important}.p-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.p-button.secondary{color:#e9eef8;background:#182433;border-color:#354357}.p-button.green{color:#041b15;background:linear-gradient(110deg,#22d8a2,#13b488)}.p-link{text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;display:inline-flex;color:#ff5984!important;font-size:13px!important}.p-copy{color:#c6d5e8;background:#15202e;border:1px solid #354153;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;display:inline-flex;font-size:12px!important}.p-brand{color:#f5f7fb;align-items:center;gap:10px;width:max-content;display:inline-flex}.p-brand b{letter-spacing:-1px;font-size:28px;line-height:1}.p-brand small{color:#e9eff9;letter-spacing:0;font-size:10px;font-weight:500}.p-kicker{color:var(--p-green);letter-spacing:1.8px;margin-bottom:10px;font-size:10px;font-weight:750;display:block}.p-icon{color:#ff4279;background:#ff075314;border:1px solid #ff075333;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:20px;display:inline-grid}.p-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:30px;display:flex}.p-auth{grid-template-columns:1.05fr 1fr;display:grid}.p-auth-visual{background:linear-gradient(#080c1255 20%,#080c12 99%),linear-gradient(90deg,#080c12ee,#080c1299),url(/images/hero-tv-room.webp) 67%/cover;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:50px 6vw;display:flex;position:relative}.p-auth-visual>div{max-width:530px;padding:80px 0}.p-auth-visual h1{letter-spacing:-2px;margin:20px 0 25px;font-size:clamp(38px,4.1vw,59px);line-height:1.15}.p-auth-visual em,.p-welcome em{color:var(--p-green);font-style:normal}.p-auth-visual p{max-width:400px;font-size:17px}.p-auth-features{color:#d3dfed;flex-direction:column;gap:17px;margin-top:35px;display:flex}.p-auth-features span{align-items:center;gap:12px;display:flex}.p-auth-features svg{color:#f84276;width:18px}.p-auth-panel{background:radial-gradient(at 100% 0,#1f19372a,#0000 75%);flex-direction:column;justify-content:center;padding:35px 8%;display:flex}.p-back{margin:0 0 36px;font-size:13px;color:var(--p-muted)!important}.p-auth-card{width:100%;max-width:430px;margin:auto}.p-auth-card h2{margin-bottom:12px;font-size:32px}.p-auth-card>p{margin-bottom:25px;font-size:14px}.p-auth-card form .p-button{width:100%;margin-top:5px}.p-switch{color:#dce5f4;background:0 0;border:0;margin:24px auto 10px;display:block;font-size:13px!important}.p-auth-note{border-top:1px solid var(--p-line);align-items:flex-start;gap:9px;margin-top:25px;padding-top:22px;display:flex;font-size:12px!important}.p-auth-note svg{color:var(--p-green);margin-top:4px}.p-forgot{color:var(--p-muted);margin-top:18px;font-size:12px}.p-forgot summary{cursor:pointer;text-align:center}.p-forgot p{margin:12px 0}.p-forgot a{color:#ff5984;align-items:center;gap:7px;display:inline-flex}.p-shell{grid-template-columns:245px minmax(0,1fr);display:grid}.p-sidebar{z-index:10;background:#0a1018;border-right:1px solid #202b37;flex-direction:column;gap:27px;height:100dvh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.p-sidebar .p-brand{margin-left:10px}.p-workspace{border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line);align-items:center;gap:11px;padding:16px 8px;display:flex}.p-avatar{color:#62e5be;background:#13382e;border:1px solid #287c63;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:700;display:inline-grid}.p-workspace strong,.p-workspace small{display:block}.p-workspace strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;overflow:hidden}.p-workspace small{font-size:11px}.p-sidebar nav{flex-direction:column;gap:5px;display:flex}.p-sidebar nav button{color:#98a9be;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:12px 11px;font-size:13px;display:flex}.p-sidebar nav button.active{color:#ff638e;background:linear-gradient(100deg,#ff07531b,#ff075307);border-color:#ff075329}.p-sidebar nav button:hover{background:#192333}.p-sidebar nav button>span{background:#ff075324;border-radius:5px;margin-left:auto;padding:1px 6px;font-size:10px}.p-sidebar-bottom{flex-direction:column;gap:16px;margin-top:auto;display:flex}.p-sidebar-bottom>a,.p-sidebar-bottom>button:not(.p-button){color:var(--p-muted);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding-left:10px;font-size:12px;display:flex}.p-body{min-width:0}.p-topbar{background:#0c121bb3;border-bottom:1px solid #1c2735;justify-content:space-between;align-items:center;height:68px;padding:0 42px;display:flex}.p-topbar>span{color:var(--p-muted);align-items:center;gap:9px;font-size:12px;display:flex}.p-topbar i{background:var(--p-green);border-radius:50%;width:6px;height:6px}.p-refresh{color:#a6b6ca;background:0 0;border:0;align-items:center;gap:7px;display:flex;font-size:12px!important}.p-main{max-width:1400px;margin:auto;padding:38px 42px 15px}.p-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.p-secure{color:#7f92a8;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.p-secure svg{color:var(--p-green)}.p-welcome{background:linear-gradient(130deg,#182538,#101923);border:1px solid #2c3949;border-radius:19px;grid-template-columns:1.15fr 1fr;margin-bottom:23px;display:grid;overflow:hidden}.p-welcome>div:first-child{z-index:1;padding:34px}.p-welcome h2{letter-spacing:-1px;margin-bottom:15px;font-size:clamp(25px,2.3vw,34px);line-height:1.24}.p-welcome p{max-width:420px;margin-bottom:23px;font-size:13px}.p-welcome-art{min-height:290px;position:relative;overflow:hidden}.p-welcome-art img{object-fit:cover;object-position:68% center;width:100%;height:100%;position:absolute}.p-welcome-art:after{content:"";background:linear-gradient(90deg,#141f2e 0,#0000 45%),linear-gradient(#0000 35%,#0c121cdd);position:absolute;inset:0}.p-welcome-art span{z-index:1;color:#d1deee;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:25px;left:25px;right:25px}.p-welcome-art span svg{color:var(--p-green)}.p-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.p-stats button{text-align:left;color:var(--p-text);border:1px solid var(--p-line);background:linear-gradient(140deg,#131e2c,#0f1621);border-radius:14px;flex-direction:column;padding:22px 24px;display:flex;position:relative}.p-stats button>svg{color:#5d9ee6;width:22px;position:absolute;top:24px;right:20px}.p-stats button:nth-child(2)>svg{color:#f4bd72}.p-stats button:nth-child(3)>svg{color:var(--p-green)}.p-stats button>span{color:#a0b0c5;padding-right:30px;font-size:12px}.p-stats strong{font-size:35px;line-height:1.5}.p-stats small{font-size:11px}.p-panel{border:1px solid var(--p-line);background:linear-gradient(140deg,#121b28,#0e151f);border-radius:15px;min-width:0;margin-bottom:23px;padding:27px}.p-panel>h2,.p-panel>form>h3{margin-bottom:15px}.p-panel>p{margin-bottom:21px;font-size:13px}.p-panel>small{margin:14px 0;display:block}.p-panel form{margin-top:20px}.p-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.p-panel-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px;display:flex}.p-panel-title>p{font-size:13px}.p-panel-title .p-button{min-height:40px;padding:9px 15px;font-size:12px!important}.p-panel-title h2{font-size:18px}.p-help-card{background:radial-gradient(at 100% 0,#123b4733,#0000 65%),#101924;flex-direction:column;align-items:flex-start;display:flex}.p-help-card .p-icon{color:#6aacff;background:#29558120;border-color:#29558166}.p-help-card h2{margin-bottom:13px}.p-help-card p{margin-bottom:23px;font-size:13px}.p-help-card .p-button{margin-top:auto}.p-order-row{color:#e5edf8;text-align:left;background:0 0;border:0;border-top:1px solid #233041;align-items:center;gap:12px;width:100%;padding:16px 0;display:flex}.p-order-row>span:nth-child(2){flex:1;min-width:0}.p-order-row strong,.p-order-row small{display:block}.p-order-row strong{font-size:13px}.p-order-row small{margin-top:3px;font-size:11px}.p-square{color:#8db5ec;background:#1c2b3d;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:40px;display:grid}.p-badge{color:#bccbdc;white-space:nowrap;background:#29374766;border:1px solid #47586b66;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:10px;line-height:1.4;display:inline-flex}.p-badge i{background:currentColor;border-radius:50%;width:4px;height:4px}.p-badge.awaiting_payment{color:#edbe7f;background:#4d392a44;border-color:#8a633833}.p-badge.provisioning,.p-badge.open{color:#88baff;background:#21477344;border-color:#426da866}.p-badge.active,.p-badge.closed{color:#57dbb7;background:#12503e44;border-color:#287b5d66}.p-badge.cancelled{color:#ff8ba6;background:#68263c33;border-color:#ad3e5c55}.p-deadline,.p-info{color:#4bd5ba;background:#102b3033;border:1px solid #275c5b66;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:23px;padding:19px 22px;display:flex}.p-deadline strong,.p-info strong{color:#bdeadd;font-size:13px}.p-deadline p,.p-info p{margin:4px 0;font-size:12px}.p-deadline small{font-size:11px}.p-deadline.late{color:#ffc278;background:#4c251e33;border-color:#b4774344}.p-deadline.late strong{color:#ffc278}.p-deadline a{align-items:center;gap:6px;margin-top:7px;font-size:12px;display:inline-flex}.p-service{color:#77abdf;background:#111e2a;border:1px solid #2c3d4f;border-radius:12px;align-items:flex-start;gap:15px;margin-bottom:24px;padding:20px 25px;display:flex}.p-service strong{color:#d7e5f5;font-size:13px}.p-service p{margin:4px 0;font-size:12px}.p-service small{font-size:10px}.p-service.operational{color:#2bcca3;border-color:#26775b66}.p-service.incident{color:#ffb572;border-color:#b4774366}.p-plan-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.p-plan-choices button{color:#dce6f3;text-align:left;background:#0b121e;border:1px solid #334155;border-radius:13px;flex-direction:column;gap:10px;padding:23px 17px;display:flex}.p-plan-choices button.selected{background:linear-gradient(130deg,#ff075323,#ff075305);border-color:#ff0753;box-shadow:0 0 0 1px #ff075333}.p-plan-choices button>span{font-size:15px;font-weight:700}.p-plan-choices strong{letter-spacing:-1px;font-size:29px}.p-plan-choices strong small{letter-spacing:0;font-size:10px}.p-plan-choices button>small{font-size:10px}.p-plan-choices b{color:#ff84a7;font-size:10px;font-weight:500}.p-order-form{max-width:760px;padding-top:14px}.p-order-form .p-info{margin-top:25px}.p-order{padding:0;overflow:hidden}.p-order-head{text-align:left;width:100%;color:var(--p-text);background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:24px 27px;display:flex}.p-order-head>span:first-child{flex:1}.p-order-head h2{margin:5px 0;font-size:21px}.p-order-head em{color:#98acc3;margin-left:15px;font-size:16px;font-style:normal;font-weight:500}.p-order-head small{font-size:11px}.p-order-chevron{transition:transform .2s}.p-order.expanded .p-order-chevron{transform:rotate(90deg)}.p-order>.p-deadline{margin:0 27px 24px}.p-order-detail{border-top:1px solid var(--p-line);padding:25px 27px}.p-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:32px;display:grid}.p-timeline>div{color:#74859c;flex-direction:column;gap:7px;font-size:12px;display:flex;position:relative}.p-timeline>div>span{color:#92a6c1;z-index:1;background:#1b283a;border:1px solid #34435a;border-radius:50%;place-items:center;width:28px;height:28px;margin-bottom:5px;display:grid}.p-timeline>div:not(:last-child):after{content:"";border-top:1px solid #34435a;position:absolute;top:14px;left:30px;right:-18px}.p-timeline .done>span{color:#57e2b8;background:#103c30;border-color:#25bf91}.p-timeline .done strong{color:#dce7f4}.p-timeline small{font-size:10px}.p-payment p{margin:10px 0 20px;font-size:13px}.p-inline{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.p-history{border-top:1px solid var(--p-line);gap:15px;padding-top:15px;font-size:12px;display:flex;margin-top:15px!important}.p-history small{min-width:130px;font-size:10px}.p-activation>p{margin:12px 0 20px;font-size:13px}.p-pre{white-space:pre-wrap;overflow-wrap:anywhere}.p-access .p-link{margin-top:20px}.p-credentials{gap:10px;margin:20px 0;display:grid}.p-credentials>div{background:#0a121e;border:1px solid #2b3a4d;border-radius:10px;grid-template-columns:95px minmax(0,1fr) auto;align-items:center;gap:15px;padding:13px;display:grid}.p-credentials code{white-space:pre-wrap;overflow-wrap:anywhere;color:#d6e8ff;font-size:13px}.p-device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px;display:grid}.p-device-grid a{background:#172433;border:1px solid #2e4359;border-radius:10px;align-items:center;gap:10px;padding:20px 16px;font-size:12px;display:flex}.p-device-grid a>svg:first-child{color:#79b9f5}.p-device-grid a>svg:last-child{color:#6e839b;margin-left:auto}.p-help-steps{color:#a6b5c7;gap:17px;margin:25px 0;padding-left:20px;font-size:13px;display:grid}.p-help-steps li::marker{color:#50d8b3;font-weight:700}.p-ticket-row{border:0;border-top:1px solid var(--p-line);color:#b9cde7;text-align:left;background:0 0;align-items:center;gap:14px;width:100%;padding:18px 0;display:flex}.p-ticket-row>span:nth-child(2){flex:1;min-width:0}.p-ticket-row strong,.p-ticket-row small{overflow-wrap:anywhere;display:block}.p-ticket-row strong{color:#dce8f7;font-size:13px}.p-ticket-row small{font-size:10px}.p-conversation{border-color:#3e5c76}.p-message{background:#172230;border:1px solid #324054;border-radius:10px;max-width:90%;margin-bottom:14px;padding:17px 20px}.p-message.admin{background:#13302d;border-color:#2a6e5c;margin-left:auto}.p-message small{font-size:10px}.p-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#c6d2e2;margin-top:6px;font-size:13px}.p-profile{align-items:center;gap:15px;margin:24px 0;display:flex}.p-profile p{font-size:13px}.p-customer{border-top:1px solid var(--p-line);align-items:center;gap:15px;padding:18px 0;display:flex}.p-customer>div{flex:1;min-width:0}.p-customer strong,.p-customer small{overflow-wrap:anywhere;display:block}.p-customer strong{font-size:13px}.p-customer small{font-size:11px}.p-empty{text-align:center;color:#718baa;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:45px 25px;display:flex}.p-empty h3{color:#dce6f4}.p-empty p{max-width:430px;font-size:13px}.p-empty .p-button{margin-top:8px}.p-alert{overflow-wrap:anywhere;border-radius:10px;align-items:center;gap:10px;margin:0 0 20px;padding:14px 17px;font-size:13px;display:flex}.p-alert.error{color:#ffafbf;background:#4c192533;border:1px solid #c43e6266}.p-alert.success{color:#74e6c2;background:#12482f33;border:1px solid #2b936b66}.p-footer{border-top:1px solid var(--p-line);color:#74869e;align-items:center;gap:23px;padding:25px 0 10px;font-size:11px;display:flex}.p-footer span{margin-right:auto}.p-footer a:hover{color:#b7cce6}@media (min-width:1450px){.p-main{padding-top:45px}.p-welcome>div:first-child{padding:43px}.p-welcome-art{min-height:340px}}@media (max-width:1100px){.p-shell{grid-template-columns:215px minmax(0,1fr)}.p-main{padding:28px 25px 15px}.p-topbar{padding:0 25px}.p-sidebar{padding:22px 12px}.p-welcome{grid-template-columns:1.3fr 1fr}.p-welcome>div:first-child{padding:26px}.p-order-row{flex-wrap:wrap}.p-order-row>.p-badge{margin-left:48px}.p-panel{padding:22px}.p-device-grid,.p-plan-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.p-secure{display:none}.p-auth-visual,.p-auth-panel{padding:35px}.p-stats button{padding:20px 17px}.p-stats button>svg{width:18px;right:15px}.p-credentials>div{grid-template-columns:1fr auto}.p-credentials small{grid-column:1/-1}}@media (max-width:760px){.p-auth{grid-template-columns:1fr}.p-auth-visual{min-height:unset;background-position:70% 48%;padding:26px 25px 32px}.p-auth-visual>div{padding:35px 0 0}.p-auth-visual h1{letter-spacing:-1.3px;margin:12px 0;font-size:34px}.p-auth-visual p{max-width:300px;font-size:13px}.p-auth-features,.p-auth-visual>small{display:none}.p-auth-panel{padding:27px 24px 40px}.p-back{margin-bottom:20px}.p-auth-card{max-width:none}.p-auth-card .p-icon{display:none}.p-auth-card h2{font-size:27px}.p-shell{display:block}.p-sidebar{border-right:0;border-bottom:1px solid var(--p-line);grid-template-columns:1fr auto;gap:17px;height:auto;padding:17px 18px 0;display:grid;position:relative}.p-sidebar .p-brand{margin:0}.p-brand b{font-size:25px}.p-brand img{width:35px;height:35px}.p-workspace{border:0;gap:9px;padding:0}.p-workspace .p-avatar{border-radius:10px;width:32px;height:32px}.p-workspace strong{max-width:95px;font-size:11px}.p-workspace small{font-size:10px}.p-sidebar nav{scrollbar-width:none;flex-direction:row;grid-column:1/-1;gap:6px;padding:0 0 12px;display:flex;overflow-x:auto}.p-sidebar nav button{white-space:nowrap;border-radius:7px;gap:7px;padding:9px 12px;font-size:11px}.p-sidebar nav button svg{width:15px}.p-sidebar-bottom{display:none}.p-topbar{height:49px;padding:0 20px}.p-topbar>span{font-size:11px}.p-main{padding:25px 18px 15px}.p-heading{margin-bottom:22px}.portal h1{letter-spacing:-.8px;font-size:27px}.p-kicker{letter-spacing:1.5px;font-size:9px}.p-welcome{border-radius:14px;grid-template-columns:1fr}.p-welcome>div:first-child{padding:26px 23px 22px}.p-welcome h2{font-size:28px}.p-welcome-art{height:145px;min-height:145px}.p-welcome-art img{object-position:70% 40%}.p-welcome-art:after{background:linear-gradient(#0000 20%,#0c121ccc)}.p-welcome-art span{font-size:10px;bottom:17px;left:23px}.p-stats{gap:9px;margin-bottom:20px}.p-stats button{border-radius:10px;padding:14px 11px}.p-stats button>svg{width:17px;height:17px;margin-bottom:10px;position:static}.p-stats button>span{min-height:28px;padding:0;font-size:10px;line-height:1.4}.p-stats strong{font-size:28px}.p-stats small{font-size:9px;line-height:1.5}.p-two{grid-template-columns:1fr;gap:0}.p-panel{border-radius:12px;margin-bottom:18px;padding:21px 18px}.p-panel-title{flex-wrap:wrap;gap:12px}.p-panel-title h2{font-size:18px}.p-order-row>.p-badge{margin-left:0}.p-order-row{gap:10px}.p-order-row strong{font-size:12px}.p-order-row small{font-size:10px}.p-badge{padding:4px 6px;font-size:9px}.p-square{width:30px}.p-order-row>.p-badge{white-space:normal;max-width:90px}.p-deadline,.p-info{gap:10px;margin-bottom:18px;padding:16px 14px}.p-deadline strong,.p-info strong{font-size:12px}.p-deadline p,.p-info p{font-size:11px}.p-deadline>svg,.p-info>svg{width:18px}.p-service{gap:11px;padding:18px 16px}.p-service p{font-size:11px}.p-plan-choices{gap:10px}.p-plan-choices button{gap:7px;padding:18px 13px}.p-plan-choices strong{font-size:27px}.p-order{padding:0}.p-order-head{flex-wrap:wrap;gap:11px;padding:20px 17px}.p-order-head>span:first-child{flex-basis:calc(100% - 30px)}.p-order-head h2{font-size:19px}.p-order-head em{font-size:15px}.p-order-chevron{position:absolute;right:37px}.p-order>.p-deadline{margin:0 16px 18px}.p-order-detail{padding:23px 17px}.p-timeline{gap:10px}.p-timeline>div{font-size:10px}.p-timeline small{font-size:9px}.p-history{flex-direction:column;gap:4px}.p-inline{gap:10px}.p-inline .p-button{width:100%}.p-device-grid{gap:9px}.p-device-grid a{flex-wrap:wrap;padding:15px 12px;font-size:11px}.p-device-grid a>svg:first-child{width:18px}.p-message{max-width:95%;padding:14px}.p-ticket-row{gap:9px}.p-ticket-row>svg{width:17px}.p-ticket-row strong{font-size:12px}.p-ticket-row .p-badge{max-width:72px}.p-customer{flex-wrap:wrap;gap:10px}.p-customer>.p-link{margin-left:48px;font-size:11px!important}.p-footer{flex-wrap:wrap;gap:15px;padding-top:23px;font-size:10px}.p-footer span{flex-basis:100%}.p-button{font-size:13px!important}.p-access .p-credentials .p-copy>span{font-size:0}.p-credentials>div{padding:12px}.p-credentials code{font-size:12px}.p-auth-note{margin-bottom:0!important}}.p-admin-shortcut{color:#4de4b8;white-space:nowrap;background:#29dba50d;border:1px solid #29dba53b;border-radius:8px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:650;display:inline-flex}.p-admin-shortcut:hover{background:#29dba51a;border-color:#4de4b8}.p-admin-shortcut:focus-visible{outline-offset:3px;outline:2px solid #4de4b8}@media (max-width:640px){.p-topbar:has(.p-admin-shortcut){gap:10px;padding-inline:14px}.p-topbar:has(.p-admin-shortcut)>span{display:none}.p-topbar:has(.p-admin-shortcut)>.p-inline{width:100%}.p-admin-shortcut{margin-right:auto;font-size:11px}}
.f-toolbar,.f-period,.f-mini{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.f-segment{background:#0a111b;border:1px solid #2b3a4b;border-radius:10px;padding:4px;display:flex}.f-segment button{color:#9eb1c7;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:10px 16px;font-size:12px;display:flex}.f-segment .selected{color:#68e5ba;background:#224238}.f-period{justify-content:flex-start;align-items:end}.f-period .p-field{min-width:170px;margin:0}.f-period>small{max-width:340px;padding-bottom:10px;font-size:10px}.f-demo{color:#85bfff;border-color:#5685b866}.f-demo .p-link{margin-top:8px}.f-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.f-kpis article{background:linear-gradient(135deg,#172536,#0f1927);border:1px solid #2b3d51;border-radius:15px;min-width:0;padding:24px 21px;position:relative}.f-kpis article>svg{color:#7bafeb;width:19px;margin-bottom:20px}.f-kpis article>span{color:#a6b7ca;margin-bottom:12px;font-size:11px;display:block}.f-kpis article>strong{letter-spacing:-1px;white-space:nowrap;font-size:clamp(22px,2.1vw,31px);display:block}.f-kpis article>strong>small{letter-spacing:0;font-size:11px}.f-kpis p{margin-top:11px;font-size:10px;line-height:1.6}.f-kpis article.positive{background:radial-gradient(at 100% 0,#1b785c38,#0000),#0e211e;border-color:#2f775b}.f-kpis article.positive>strong,.f-kpis article.positive>svg{color:#57e3b3}.f-kpis article.negative>strong,.f-loss{color:#ff8fa5!important}.f-margin{flex-direction:column;justify-content:center;display:flex}.f-margin>strong{color:#8bc0ff}.f-meter{background:#253044;border-radius:5px;height:5px;margin-top:18px;overflow:hidden}.f-meter i{background:linear-gradient(90deg,#219f85,#65ebc2);height:100%;display:block}.f-mini{background:#0e1823;border:1px solid #263a4a;border-radius:12px;gap:15px;padding:16px 20px}.f-mini span{color:#9aaec4;font-size:11px}.f-mini b{color:#d8e6f6;margin-left:9px}.f-note{line-height:1.7;color:#8096ae!important;margin:10px 0 22px!important;font-size:11px!important}.f-table-scroll{overflow:auto}.f-table-scroll table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.f-table-scroll th{text-align:left;color:#8ea2b9;border-bottom:1px solid #344355;padding:12px;font-size:10px;font-weight:500}.f-table-scroll td{vertical-align:middle;border-bottom:1px solid #223345;padding:20px 12px}.f-table-scroll td:first-child{padding-left:0}.f-table-scroll td:last-child{padding-right:0}.f-table-scroll td>small{color:#8da1b8;margin-top:6px;font-size:10px;display:block}.f-gain{color:#60ddb3}.f-pagination{justify-content:flex-end;align-items:center;gap:15px;margin-top:20px;font-size:12px;display:flex}.f-formula{gap:14px;display:grid}.f-formula>span,.f-formula>strong{justify-content:space-between;align-items:center;gap:20px;font-size:13px;display:flex}.f-formula>strong{color:#62e4b7;border-top:1px solid #314052;padding-top:20px}.f-edit{border-color:#38785e}.f-supplier-prices{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.f-settings summary{cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:700;list-style:none;display:flex}.f-settings summary>svg{color:#72a9df}.f-settings summary>small{color:#8298b0;margin-left:auto;font-size:10px;font-weight:400}.f-settings>p{margin-top:20px}.f-months{gap:20px;display:grid}.f-month{grid-template-columns:70px 1fr 160px;align-items:center;gap:22px;font-size:12px;display:grid}.f-month>strong{color:#acc2dd}.f-month-bar{background:#233244;border-radius:5px;height:7px;overflow:hidden}.f-month-bar i{background:linear-gradient(90deg,#3478b5,#6eb5f7);border-radius:5px;height:100%;display:block}.f-month>div>span{color:#8da5c0;margin-top:7px;font-size:10px;display:block}.f-month>b{text-align:right}.f-month>b>small{color:#8ba0b8;margin-top:4px;font-size:9px;font-weight:400;display:block}.p-demo-banner{background:linear-gradient(100deg,#18334b,#102137);border:1px solid #3c6c9a;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:22px;padding:17px 22px;display:flex}.p-demo-banner>svg{color:#85c1ff;flex-shrink:0}.p-demo-banner strong{color:#c0dcff;font-size:13px}.p-demo-banner p{margin-top:6px;font-size:11px}.p-demo-banner a{color:#91c6ff;align-items:center;gap:6px;margin-top:9px;font-size:12px;display:inline-flex}.p-demo-tag{background:#284f6b66;border:1px solid #3b719c;border-radius:5px;margin:0 7px;padding:3px 7px;color:#a5cfff!important;font-size:9px!important;display:inline-block!important}.p-demo-chip{color:#9bccff;align-items:center;gap:5px;font-size:11px;display:inline-flex}@media (max-width:1150px){.f-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.f-kpis article>strong{font-size:29px}.f-supplier-prices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.f-toolbar{gap:15px}.f-segment{width:100%}.f-segment button{flex:1;justify-content:center;padding:10px 8px;font-size:11px}.f-kpis{gap:10px}.f-kpis article{padding:18px 14px}.f-kpis article>strong{font-size:24px}.f-kpis article>svg{margin-bottom:12px}.f-mini{flex-direction:column;align-items:flex-start;padding:15px}.f-mini span{justify-content:space-between;width:100%;display:flex}.f-period .p-field{flex:1;min-width:0}.f-period>small{width:100%;max-width:none}.f-month{grid-template-columns:55px 1fr;gap:12px}.f-month>b{text-align:left;grid-column:2;margin-top:-5px}.f-settings summary{font-size:12px}.f-settings summary>small{display:none}.p-demo-banner{gap:10px;padding:15px}.f-supplier-prices{gap:10px}.f-table-scroll td{padding-top:16px;padding-bottom:16px}.f-kpis article>span{font-size:10px}.f-kpis p{font-size:9px}.f-period{gap:10px}}.f-overview{background:radial-gradient(at 100% 0,#1c624820,#0000 65%),#0c1520;border:1px solid #2f715644;border-radius:18px;margin-bottom:30px;padding:25px}.f-overview-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.f-overview-heading h2{letter-spacing:-.6px;margin:9px 0 5px;font-size:25px}.f-overview-heading p{color:#91a9bd;font-size:11px}.f-overview-heading .p-button{white-space:nowrap;padding:12px 16px;font-size:12px}.f-overview .f-kpis{gap:12px}.f-overview .f-kpis article{padding:20px 17px}.f-overview .f-kpis article>strong{font-size:28px}.f-supplier-reference{border-top:1px solid #2b3c4d;border-bottom:1px solid #2b3c4d;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.f-supplier-reference>div>strong{font-size:12px;display:block}.f-supplier-reference>div>span{color:#91a6bd;margin-top:6px;font-size:10px;display:block}.f-price-list{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.f-price-list>span{flex-direction:column;gap:6px;margin:0!important;display:flex!important}.f-price-list small{color:#8da2b9;font-size:10px}.f-price-list b{color:#cbe3ff;white-space:nowrap;font-size:16px}.f-overview-footer{justify-content:space-between;align-items:center;gap:22px;padding-top:15px;display:flex}.f-overview-footer p{color:#8ca3ba;max-width:75%;font-size:10px;line-height:1.7}.f-overview-footer .p-link{white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}@media (max-width:760px){.f-overview{padding:18px 14px}.f-overview-heading{flex-wrap:wrap;gap:12px}.f-overview-heading h2{font-size:23px}.f-overview-heading .p-button{justify-content:center;width:100%}.f-overview .f-kpis article{padding:17px 12px}.f-overview .f-kpis article>strong{font-size:24px}.f-supplier-reference{flex-direction:column;align-items:stretch;gap:15px}.f-price-list{gap:10px}.f-price-list b{font-size:15px}.f-overview-footer{flex-direction:column;align-items:flex-start;gap:12px}.f-overview-footer p{max-width:none}}