button.premium-payment-card[data-side]{box-sizing:border-box;color:#eef8ff;text-align:left;perspective:70em;white-space:normal;background:0 0;border:0;border-radius:1.05em;width:25em;max-width:100%;height:14.5em;margin:1em 0 1.5em;padding:0;display:block;position:relative}button.premium-payment-card:focus{outline-offset:4px;outline:2px solid #7ccce9}.premium-payment-card-body{border-radius:inherit;transform-style:preserve-3d;display:block;position:absolute;inset:0;transform:rotateY(-9deg)rotateX(4deg);box-shadow:.45em .5em #14283b,.8em 1.1em 1.75em #06162b55}.premium-payment-card[data-side=back] .premium-payment-card-body{transform:rotateY(171deg)rotateX(-4deg)}.premium-payment-card-front,.premium-payment-card-back{box-sizing:border-box;border-radius:inherit;backface-visibility:hidden;color:#eef8ff;background:radial-gradient(at 10% -20%,#427fa2 0%,#0000 58%),linear-gradient(125deg,#234766,#111e33 62%,#2b5d7e);border:1px solid #8da9c4;flex-direction:column;padding:1.12em 1.4em;display:flex;position:absolute;inset:0;overflow:hidden}.premium-payment-card-front:before{content:"";pointer-events:none;background:linear-gradient(150deg,#0000 38%,#abd7f71c 39%,#abd7f704 58%,#0000 59%);position:absolute;inset:0}.premium-payment-card-brand,.premium-payment-card-bottom{justify-content:space-between;align-items:center;display:flex}.premium-payment-card-brand{letter-spacing:.02em}.premium-payment-card-brand svg{color:#b8d7ea;width:1.25em;height:1.25em}.premium-payment-card-chip{background:linear-gradient(140deg,#eed497,#ad8950);border:1px solid #ebcf97;border-radius:.42em;flex-shrink:0;width:2.85em;height:1.95em;margin:auto 0 .65em;display:flex}.premium-payment-card-chip i{border-right:1px solid #8b704c;flex:1}.premium-payment-card-chip i:last-child{border:0}.premium-payment-card-number{letter-spacing:.11em;white-space:nowrap;font:1.3em/1.2 monospace}.premium-payment-card-bottom{margin-top:auto}.premium-payment-card-bottom>span{min-width:0}.premium-payment-card-bottom small,.premium-payment-card-bottom strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.premium-payment-card-bottom small{color:#c1d4e5;margin-bottom:.2em;font-size:.7em}.premium-payment-card-bottom b{color:#fff;white-space:nowrap;margin-left:.5em;font-size:1.75em}.premium-payment-card-back{transform:rotateY(180deg)}.premium-payment-card-back strong{margin-top:auto}.premium-payment-card-back small{color:#c1d4e5;margin:.45em 0;line-height:1.4}.premium-payment-card-stripe{background:#090f1a;flex-shrink:0;height:2.5em;margin:.8em -1.4em}@media (prefers-reduced-motion:no-preference){.premium-payment-card-body{transition:transform .36s}}@supports not (transform-style:preserve-3d){.premium-payment-card-back,.premium-payment-card[data-side=back] .premium-payment-card-front{display:none}.premium-payment-card[data-side=back] .premium-payment-card-back{display:flex;transform:none}.premium-payment-card[data-side=back] .premium-payment-card-body{transform:none}}.renewal-mobile{box-sizing:border-box;color:#162b3e;background:#f2f6fa;min-height:100vh;padding:0 24px 36px;font:16px/1.5 Arial,sans-serif}.renewal-mobile *{box-sizing:border-box}.renewal-mobile-brand{border-bottom:1px solid #d9e3ed;align-items:center;gap:10px;max-width:1080px;min-height:88px;margin:auto;display:flex}.renewal-mobile-brand>span{color:#e9faff;background:#1b6d90;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.renewal-mobile-brand>strong{font-size:20px}.renewal-mobile-brand>small{color:#58738a;margin-left:auto;font-size:12px}.renewal-mobile-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:42px;max-width:1080px;margin:48px auto 0;display:grid}.renewal-mobile-summary{padding:14px 0}.renewal-mobile-eyebrow{color:#2b6c8d;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700}.renewal-mobile h1{letter-spacing:-1px;color:#152b3e;margin:12px 0 18px;font-size:34px;line-height:1.15}.renewal-mobile p{color:#587084;margin:14px 0;line-height:1.55}.renewal-mobile-plan{background:linear-gradient(120deg,#e3f0f8,#f8fbfe);border:1px solid #b8d2e4;border-radius:14px;justify-content:space-between;align-items:center;margin:26px 0;padding:20px;display:flex}.renewal-mobile-plan>strong{color:#145b7d;white-space:nowrap;font-size:27px}.renewal-mobile-plan span{padding-right:16px;font-size:17px;font-weight:700}.renewal-mobile-plan small{color:#6c8294;margin-top:3px;font-size:12px;font-weight:400;display:block}.renewal-mobile-device{flex-direction:column;gap:3px;padding:0 2px;display:flex}.renewal-mobile-device>span,.renewal-mobile-device>small{color:#73899b;font-size:12px}.renewal-mobile-device>strong{font-size:15px}.renewal-mobile .renewal-mobile-software{border-top:1px solid #d9e3ed;margin-top:28px;padding-top:20px;font-size:12px}.renewal-mobile-payment{background:#fff;border:1px solid #d7e1eb;border-radius:18px;min-width:0;padding:24px;box-shadow:0 14px 40px #19384e0b}.renewal-mobile-payment h2{color:#19354b;margin:0 0 14px;font-size:21px}.renewal-mobile-hosted{min-height:280px}.renewal-mobile-hosted iframe{max-width:100%}.renewal-mobile button{font:inherit;cursor:pointer;white-space:normal;border:1px solid #bdd0df;border-radius:9px;min-height:46px;padding:10px 18px}.renewal-mobile button:focus-visible{outline-offset:3px;outline:3px solid #4d9bc1}.renewal-mobile button:disabled{opacity:.6;cursor:wait}.renewal-mobile-pay{background:#1c6b8b;width:100%;font-weight:700;color:#fff!important}.renewal-mobile-check{background:#f1f6fa;margin:20px auto 0;display:block;color:#365f79!important;font-size:13px!important}.renewal-mobile .renewal-mobile-error{color:#934b36;background:#fff1ec;border:1px solid #edcab8;border-radius:9px;padding:14px;font-size:14px}.renewal-mobile-instructions{white-space:pre-wrap;overflow-wrap:anywhere}.renewal-mobile .renewal-mobile-assurance{color:#7890a2;text-align:center;margin:24px 0 0;font-size:11px}.renewal-mobile-confirmed{text-align:center;padding:30px 0}.renewal-mobile-confirmed>span{color:#226b80;background:#e4f2f7;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:22px;font-size:32px;display:inline-flex}@media (width<=720px){.renewal-mobile{padding:0 16px 28px}.renewal-mobile-brand{min-height:70px}.renewal-mobile-layout{flex-direction:column;gap:20px;max-width:520px;margin:22px auto 0;display:flex}.renewal-mobile-summary,.renewal-mobile-payment{width:100%}.renewal-mobile-summary{padding:0}.renewal-mobile h1{margin:9px 0 12px;font-size:28px}.renewal-mobile-summary>p{font-size:14px}.renewal-mobile-plan{margin:18px 0;padding:16px}.renewal-mobile .renewal-mobile-software{margin:16px 0 0;padding-top:14px;font-size:11px}.renewal-mobile-payment{border-radius:13px;padding:16px}.renewal-mobile-brand>small{font-size:11px}}.portal-playlists{margin:26px 0}.portal-playlists-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.portal-playlists-heading h2,.portal-playlists-heading p{margin:0}.portal-playlists-heading p{margin-top:4px;font-size:.88rem}.portal-playlists-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portal-playlists-rows{gap:10px;display:grid}.portal-playlist{background:#fff;border:1px solid #dce6ee;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:16px;display:grid}.portal-playlist[data-active=true]{background:#f4fafc;border-color:#98c7da}.portal-playlist-symbol{color:#1a5d7e;background:#eaf2f9;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.portal-playlist-source>div{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.portal-playlist-source h3{overflow-wrap:anywhere;margin:0;font-size:1rem}.portal-playlist-source p,.portal-playlist-source small{overflow-wrap:anywhere;margin:4px 0 0;font-size:.82rem}.portal-playlist-source small{color:#526c80}.portal-playlist-active{color:#235742;white-space:nowrap;background:#dfefe9;border-radius:20px;align-items:center;gap:3px;padding:3px 8px;font-size:.71rem;display:inline-flex}.portal-playlist-active svg{width:14px;height:14px}.portal-playlist .portal-playlists-actions button{padding:7px 10px;font-size:.82rem}@media (width<=780px){.portal-playlist{grid-template-columns:40px minmax(0,1fr)}.portal-playlist .portal-playlists-actions{grid-column:1/-1}}:root{color:#182b37;font-synthesis:none;--ink:#122633;--muted:#71828e;--line:#e1e8ed;--teal:#087e8b;--dark:#102a36;background:#f2f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);color:inherit;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}button:hover{background:#f4fafb;border-color:#8ebdc4}button:disabled{opacity:.5;cursor:wait}a{color:var(--teal);text-decoration:none}.primary{background:var(--teal);border-color:var(--teal);color:#fff}.primary:hover{color:#fff;background:#066b77}.danger{color:#be3e46}.quiet{background:0 0}.icon-button{padding:8px}.app-layout{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--dark);color:#acbec7;z-index:10;flex-direction:column;width:240px;height:100vh;padding:29px 18px;display:flex;position:fixed}.brand{color:#fff;letter-spacing:-.6px;align-items:center;gap:11px;padding:0 12px 31px;display:flex}.brand strong{font-size:18px}.brand small{color:#8caab8;letter-spacing:2px;margin-top:4px;font-size:10px;display:block}.brand-mark{color:#fff;background:#11a4aa;border-radius:10px;place-content:center;width:35px;height:37px;font-size:21px;display:grid}.sidebar .nav-label{letter-spacing:1.7px;color:#718f9f;padding:14px 13px 8px;font-size:10px}.nav{flex-direction:column;gap:4px;display:flex}.nav button{color:#adc1cb;background:0 0;border:0;border-radius:8px;justify-content:flex-start;padding:12px 14px;font-weight:500}.nav button:hover{color:#fff;background:#1a3a48}.nav button.active{color:#fff;background:#0c818c;box-shadow:0 3px 10px #041e3c33}.nav button span{background:#ffffff20;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:10px}.sidebar-bottom{color:#7c9aa9;border-top:1px solid #29434e;margin-top:auto;padding:20px 10px 0;font-size:11px;line-height:1.8}.connection{align-items:center;gap:7px;display:flex}.dot{background:#48c3a7;border-radius:50%;width:6px;height:6px;display:inline-block}.main{grid-column:2}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 38px;display:flex}.breadcrumbs{color:#8a9aa5;font-size:12px}.breadcrumbs strong{color:#415968;margin-left:12px;font-weight:500}.user-pill{align-items:center;gap:11px;font-size:12px;display:flex}.avatar{color:#087c87;background:#e5f3f3;border-radius:50%;place-content:center;width:34px;height:34px;font-weight:700;display:grid}.user-pill small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.content{max-width:1600px;margin:0 auto;padding:34px 38px 55px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.eyebrow{color:var(--teal);letter-spacing:1.7px;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:700}h1{letter-spacing:-1px;margin:0 0 8px;font-size:27px;font-weight:650}h2{letter-spacing:-.4px;margin:0;font-size:17px}h3{margin:0 0 6px;font-size:14px}p{color:var(--muted);margin:8px 0 15px;font-size:13px;line-height:1.7}.page-heading p{margin:0;font-size:12px}.page-actions{align-items:center;gap:8px;display:flex}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:22px;overflow:hidden;box-shadow:0 3px 15px #172b3703}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:21px 24px;display:flex}.panel-head p{margin:5px 0 0;font-size:11px}.panel-body{padding:24px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:11px;padding:20px}.metric-label{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric-label svg{color:#0d8994;box-sizing:content-box;background:#eaf6f6;border-radius:8px;padding:8px}.metric strong{letter-spacing:-1px;margin:10px 0 7px;font-size:30px;font-weight:650;display:block}.metric small{color:#82939f;font-size:10px}.hero{color:#fff;background:linear-gradient(115deg,#0f5262,#0a7881);border-radius:12px;justify-content:space-between;align-items:center;padding:27px 30px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:35px solid #ffffff06;border-radius:50%;width:220px;height:220px;position:absolute;top:-50px;right:50px}.hero .eyebrow{color:#93dfdb}.hero h2{margin:0 0 8px;font-size:23px}.hero p{color:#b5dadd;max-width:550px;margin:0;font-size:12px}.hero button{z-index:1;color:#fff;background:#ffffff12;border-color:#ffffff3b}.split{grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:22px;display:grid}.stat-row{border-bottom:1px solid #edf1f4;justify-content:space-between;align-items:center;padding:16px 0;font-size:12px;display:flex}.stat-row:last-child{border:0}.stat-row small{color:var(--muted)}.bar{background:#eaf0f3;border-radius:10px;height:7px;margin:7px 0 17px;overflow:hidden}.bar i{background:#169da2;height:100%;display:block}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 22px;display:flex}.search{color:#8a9ca7;flex:1;align-items:center;gap:8px;max-width:350px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;padding:8px}.toolbar select{width:auto;min-width:150px;margin-left:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}th{letter-spacing:.6px;text-transform:uppercase;color:#7d8f9b;background:#f8fafb;padding:14px 22px;font-size:10px;font-weight:600}td{color:#4f6472;border-top:1px solid #edf1f4;padding:16px 22px}td strong{color:#213c4a;font-size:12px;font-weight:600;display:block}td small{color:#8a9aa4;margin-top:5px;font-size:10px;display:block}td button{padding:6px 10px;font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.badge{color:#6f8391;background:#eef2f5;border-radius:5px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.badge.active,.badge.success,.badge.published{color:#28855c;background:#e7f7ef}.badge.trial,.badge.test{color:#4878b4;background:#eaf2fe}.badge.pending,.badge.draft{color:#ad802b;background:#fff5df}.badge.expired,.badge.disabled,.badge.inactive,.badge.failed,.badge.blocked{color:#bd5665;background:#fcecef}.pagination{color:var(--muted);justify-content:space-between;align-items:center;padding:15px 23px;font-size:11px;display:flex}.pagination div{gap:8px;display:flex}.alert{color:#286771;background:#edf9f9;border:1px solid #c4e3e5;border-radius:8px;margin:0 0 20px;padding:14px 17px;font-size:12px;line-height:1.6}.alert.error{color:#af4653;background:#fff0f1;border-color:#f1cdd1}.alert.warning{color:#926b2e;background:#fff9eb;border-color:#efdfb7}.field{color:#5c7180;flex-direction:column;gap:7px;margin-bottom:16px;font-size:11px;font-weight:500;display:flex}input,select,textarea{color:#213b4b;background:#fff;border:1px solid #dbe4ea;border-radius:7px;width:100%;padding:11px 12px;font-size:12px}textarea{resize:vertical;min-height:95px}.fields{grid-template-columns:1fr 1fr;gap:0 17px;display:grid}.check{color:#526b7b;align-items:center;gap:8px;margin:12px 0;font-size:12px;display:flex}.check input{width:auto}.form-actions{justify-content:flex-end;gap:9px;margin-top:23px;display:flex}.modal-shade{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071e2b9c;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:620px;max-width:100%;max-height:90vh;padding:27px;overflow:auto;box-shadow:0 20px 100px #071e2b44}.modal>header{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.modal>header button{border:0}.empty{text-align:center;color:#87a2af;padding:60px 20px}.empty svg{color:#9eb8c5;margin-bottom:16px}.empty h3{color:#516e7d}.empty p{font-size:12px}.loading{text-align:center;color:#6f8a9a;padding:50px}.login-layout{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-intro{color:#fff;background:linear-gradient(150deg,#122f3d,#0b656f);flex-direction:column;justify-content:space-between;min-height:100vh;padding:60px;display:flex}.login-intro .brand{padding:0}.login-intro h1{letter-spacing:-1.8px;max-width:440px;margin:28px 0;font-size:45px;font-weight:500;line-height:1.2}.login-intro p{color:#aacbd3;max-width:390px;font-size:14px}.login-intro footer{color:#7eabb8;font-size:11px}.login-form{justify-content:center;align-items:center;padding:40px;display:flex}.login-card{width:100%;max-width:365px}.login-card h1{font-size:29px}.login-card p{margin-bottom:28px}.login-card button.primary{width:100%}.step{align-items:flex-start;gap:12px;margin:24px 0;font-size:12px;display:flex}.step>b{color:#89d8dc;background:#ffffff10;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.step strong{color:#e4f4f5;margin:3px 0 5px;display:block}.step small{color:#8db8c1}.portal-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:20px max(25px,50vw - 580px);display:flex}.portal-header .brand{color:var(--ink);padding:0}.portal-header .brand small{color:#7893a2}.portal-main{max-width:1160px;margin:auto;padding:34px 25px}.tabs{border-bottom:1px solid var(--line);gap:25px;margin:22px 0;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:0;padding:13px 0}.tabs .active{border-bottom:2px solid var(--teal);color:var(--teal)}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.list-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:23px}.list-card.selected{border-color:#6bb8be;box-shadow:0 0 0 1px #6bb8be}.list-card h3{margin-top:14px}.list-card p{word-break:break-all;font-size:11px}.list-card footer{gap:7px;margin-top:22px;display:flex}.list-card footer button{padding:7px 11px;font-size:11px}.price{color:var(--ink);letter-spacing:-1px;margin:20px 0 10px;font-size:35px;font-weight:650}.muted{color:var(--muted)}.stack{flex-direction:column;gap:10px;display:flex}.code{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:#f6f8fa;border-radius:8px;padding:15px;font-family:monospace;font-size:11px}.mobile-menu{display:none}.progress-steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.progress-steps div{background:#f1f7f8;border-radius:8px;padding:15px}.progress-steps b{color:var(--teal);font-size:10px}.progress-steps span{margin:7px 0;font-size:12px;font-weight:600;display:block}.progress-steps small{color:var(--muted);font-size:10px}@media (width<=1100px){.app-layout{grid-template-columns:205px minmax(0,1fr)}.sidebar{width:205px}.content{padding:28px 24px}.topbar{padding:0 24px}.metrics{gap:12px}.split{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.brand strong{font-size:16px}}@media (width<=760px){.app-layout{display:block}.sidebar{width:240px;display:none;box-shadow:10px 0 100px #061e2a44}.sidebar.open{display:flex}.mobile-menu{display:inline-flex}.topbar{height:65px;padding:0 18px}.breadcrumbs{display:none}.content{padding:25px 17px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-actions button{padding:10px;font-size:0}.page-actions button svg{width:18px}.metrics{grid-template-columns:1fr 1fr;margin:18px 0}.metric{padding:15px}.metric strong{font-size:27px}.hero{padding:24px;display:block}.hero h2{font-size:20px}.hero button{margin-top:17px}.panel-head{padding:18px}.toolbar{flex-wrap:wrap;padding:10px 16px}.toolbar select{width:100%;margin:0}.cards,.login-layout{grid-template-columns:1fr}.login-intro{display:none}.login-form{min-height:100vh;padding:28px}.fields{grid-template-columns:1fr}.portal-header{padding:20px}.portal-main{padding:25px 18px}.portal-header .brand small{display:none}.progress-steps{grid-template-columns:1fr}.modal-shade{padding:12px}.modal{padding:21px}.tabs{gap:18px}}.nav{min-height:0;overflow-y:auto}.sidebar .mobile-close{display:none}@media (width<=760px){.sidebar .mobile-close{color:#b7d4dd;background:0 0;border:0;display:inline-flex;position:absolute;top:8px;right:10px}}.mac-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.copy-control{align-items:center;gap:5px;display:inline-flex}.copy-control button{white-space:nowrap;padding:5px 8px;font-size:11px}.copy-status{color:var(--muted,#617682);font-size:11px}.field>small{color:var(--muted,#617682);font-size:11px;line-height:1.5}.device-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px;display:grid}.device-summary>div{border:1px solid #dce7ed;border-radius:9px;gap:6px;padding:10px;display:grid}.device-summary small{color:#617682;font-size:11px}.device-summary strong{overflow-wrap:anywhere;font-size:12px}.build-job{border-bottom:1px solid #dce7ed;padding:16px 0}.build-job progress{accent-color:#169b95;width:100%;height:8px}.build-job small{overflow-wrap:anywhere;display:block}.build-job .page-actions{margin:12px 0}.build-job h3{margin:0}.customer-verification{z-index:9999;background:#050b16c9;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.customer-verification>section{color:#172c3c;background:#fff;border:1px solid #d6e8e7;border-radius:16px;width:min(100%,440px);padding:26px;box-shadow:0 24px 80px #0005}.customer-verification h2{margin:0 0 12px;font-size:23px}.customer-verification p{font-size:14px;line-height:1.6}.customer-verification label{margin:13px 0;font-size:14px;display:block}.customer-verification input:not([type=checkbox]){color:#132a34;background:#f7fbfc;border:1px solid #c8dbde;border-radius:8px;width:100%;margin-top:6px;padding:12px;font-size:17px;display:block}.customer-verification button{color:#fff;cursor:pointer;background:#087f89;border:0;border-radius:8px;margin:7px 7px 0 0;padding:11px 17px}.customer-verification [role=alert]{color:#a32a40}.customer-verification input[type=checkbox]{accent-color:#087f89}.renew-banner{background:#fff3da;border:1px solid #ebce8e;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:18px 22px;display:flex}.renew-banner p{margin:6px 0 0}.checkout-card{color:#fff;background:linear-gradient(120deg,#0b4054,#087f89);border-radius:16px;gap:12px;margin-bottom:20px;padding:24px;display:grid}.checkout-card>span{letter-spacing:2px;color:#c3eeed;font-size:11px}.checkout-card>strong{font-size:36px}.checkout-card>small{font-size:14px}.checkout-card>div{letter-spacing:1px;border-top:1px solid #ffffff30;padding-top:12px;font-size:12px}.secure-note{color:#486879;font-size:13px;line-height:1.7}.portal-main{min-height:calc(100dvh - 80px)}.portal-header{z-index:20;position:sticky;top:0}.portal-main .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.portal-main .list-card{overflow-wrap:anywhere;min-width:0}.portal-main .table-wrap{max-width:100%;overflow:auto}.portal-main .tabs{flex-wrap:wrap}@media (width<=650px){.renew-banner{flex-direction:column;align-items:stretch;gap:12px}.customer-verification>section{padding:20px}.portal-main{padding:18px 14px}.portal-header{padding:12px 14px}.portal-main .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-main .hero{flex-direction:column;align-items:flex-start;gap:15px}}.customer-status{background:linear-gradient(110deg,#f6ffff,#edf6f8);border:1px solid #cde4e5;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:17px 22px;display:flex}.customer-status>div{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.customer-status small{letter-spacing:1px;color:#57808a;font-size:10px}.customer-status span{color:#56707c;font-size:12px}.portal-main>.page-heading h1{font-size:clamp(23px,2.3vw,32px)}.portal-main>.page-heading{margin-bottom:10px}@media (width<=650px){.customer-status{flex-direction:column;align-items:stretch;padding:14px}.customer-status>div{gap:9px}.customer-status>div>span{width:100%}.portal-main .page-heading{gap:14px}.portal-main .page-heading p{font-size:12px}.portal-main .user-pill{min-width:0}}
