:root{color:#17213b;background:#f4f6fa;font-family:Segoe UI,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0;background:#f4f6fa}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid #ff6a1b;outline-offset:3px}.driver-app{width:min(100%,42rem);min-height:100dvh;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) calc(7.8rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3rem}.scharge-logo{display:block;width:min(10rem,47vw);height:auto;mix-blend-mode:multiply;object-fit:contain}.app-status,.map-mode,.availability{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.app-status{padding:.48rem .65rem;background:#e6efff;color:#154c9b}.driver-main{display:grid;gap:1rem;margin-top:1.3rem}.network-banner{margin:0;padding:.75rem .9rem;border:1px solid #e8c58a;border-radius:.9rem;background:#fff8e8;color:#76511b;font-size:.8rem;line-height:1.45}.map-panel,.scan-callout,.charge-point-result,.identity-panel{border:1px solid #dce3ef;border-radius:1.45rem;background:#fff}.identity-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem}.identity-panel h2{margin:0;font-size:1rem}.identity-panel p:last-child{margin:.35rem 0 0;color:#68738a;font-size:.78rem;line-height:1.45}.identity-actions{display:grid;gap:.55rem;min-width:9.5rem}.primary-action,.secondary-action,.reconcile-button{min-height:2.75rem;padding:.55rem .8rem;border:1px solid transparent;border-radius:.75rem;cursor:pointer;font-size:.78rem;font-weight:800;transition:transform .16s ease,background .16s ease}.primary-action{background:#154c9b;color:#fff}.secondary-action{border-color:#cbd8ea;background:#f5f8fd;color:#154c9b}.primary-action:active,.secondary-action:active,.reconcile-button:active{transform:scale(.98)}.identity-error{border-color:#f2b8a2;background:#fff8f5}.identity-loading{grid-template-columns:1fr;min-height:5rem}.loading-line{display:block;width:72%;height:.75rem;border-radius:999px;background:#e8edf5;animation:loading-pulse 1.4s ease-in-out infinite}.loading-line.short{width:42%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);white-space:nowrap}.map-panel{overflow:hidden;padding:1rem;box-shadow:0 18px 42px #1c376714}.map-topline,.result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.map-label{display:inline-flex;align-items:center;gap:.42rem;color:#263657;font-size:.82rem;font-weight:800}.map-label svg{width:1.15rem;height:1.15rem;color:#f05b17}.map-mode{padding:.38rem .55rem;background:#f1f3f8;color:#6a7487}.map-canvas{position:relative;min-height:15.5rem;overflow:hidden;margin-top:.9rem;border:1px solid #d6e1f1;border-radius:1rem;background:linear-gradient(90deg,transparent 49%,rgba(88,115,165,.08) 50%,transparent 51%),linear-gradient(rgba(88,115,165,.08) 1px,transparent 1px),#edf5fb;background-size:3rem 3rem}.map-road{position:absolute;height:1.35rem;border:.28rem solid #fff;border-radius:999px;box-shadow:0 0 0 1px #849cc538}.road-one{top:29%;left:-13%;width:77%;transform:rotate(-13deg)}.road-two{top:58%;right:-13%;width:86%;transform:rotate(12deg)}.road-three{top:13%;right:11%;width:1.35rem;height:91%;transform:rotate(27deg)}.map-block{position:absolute;border:1px solid rgba(22,69,137,.18);border-radius:.9rem;background:#ffffff9c}.block-one{top:15%;left:11%;width:4.8rem;height:3.2rem;transform:rotate(-10deg)}.block-two{right:12%;bottom:13%;width:5.8rem;height:3.8rem;transform:rotate(15deg)}.map-location,.map-station-pin{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;box-shadow:0 8px 18px #0b2e662e}.map-location{bottom:20%;left:41%;padding:.42rem .58rem;background:#164f9f;color:#fff;font-size:.68rem;font-weight:750}.map-location:before{width:.5rem;height:.5rem;margin-right:.35rem;border:2px solid #fff;border-radius:50%;background:#42c8ff;content:""}.map-station-pin{top:37%;right:24%;width:2.6rem;height:2.6rem;background:#ff641c;color:#fff;animation:map-pulse 2.4s ease-in-out infinite}.map-station-pin svg{width:1.3rem;height:1.3rem}.map-hint{margin:.85rem 0 0;color:#63708a;font-size:.8rem;line-height:1.45}.scan-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;padding:1.15rem}.scan-icon-wrap{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.95rem;background:#e9f1ff;color:#1251a3}.scan-icon-wrap svg,.scan-button svg,.icon-button svg{width:1.45rem;height:1.45rem}.screen-kicker{margin:0 0 .32rem;color:#f05b17;font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}h1,h2,p{margin-top:0}h1,h2{color:#19233c;letter-spacing:-.045em}h1{margin-bottom:.45rem;font-size:clamp(1.55rem,7.4vw,2.25rem);line-height:1.02}h2{margin-bottom:.25rem;font-size:1.25rem;line-height:1.12}.scan-callout p:last-child,.charge-address,.result-note{margin-bottom:0;color:#68738a;font-size:.86rem;line-height:1.5}.scan-feedback{margin:0;padding:.8rem .95rem;border:1px solid #dce3ef;border-radius:.9rem;background:#f7f9fd;color:#44516d;font-size:.82rem;line-height:1.45}.scan-feedback.error{border-color:#f2b8a2;background:#fff5f1;color:#9b3920}.charge-point-result{padding:1.15rem;border-color:#b9d3f8;background:#fbfdff}.availability{gap:.34rem;padding:.42rem .55rem;background:#f0f2f5;color:#657084;white-space:nowrap}.availability span,.bridge-dot{width:.48rem;height:.48rem;border-radius:50%;background:#99a3b5}.availability.online{background:#eaf7e9;color:#2c6c3d}.availability.online span{background:#48a45d}.charge-address{margin-top:.55rem}.charge-point-details{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0}.charge-point-details div{padding:.72rem;border-radius:.82rem;background:#f1f5fb}.charge-point-details dt{color:#6f7b91;font-size:.7rem}.charge-point-details dd{margin:.28rem 0 0;color:#273651;font-size:.78rem;font-weight:750;line-height:1.35}.charge-button,.scan-button,.text-action,.reconcile-button{border:0;cursor:pointer}.charge-button{width:100%;min-height:3rem;border-radius:.85rem;background:#dce3ed;color:#6a7487;font-weight:800}.charge-button:disabled{cursor:not-allowed}.charge-button:not(:disabled){background:#f05b17;color:#fff;box-shadow:0 10px 20px #c9481233}.reconcile-button{width:100%;border-color:#d59269;background:#fff6f0;color:#9b431b}.reconcile-button:disabled{cursor:not-allowed;opacity:.58}.result-note{margin-top:.72rem;font-size:.76rem}.scan-dock{position:fixed;right:0;bottom:0;left:0;z-index:2;display:grid;gap:.56rem;width:min(100%,42rem);margin:0 auto;padding:.75rem max(1rem,env(safe-area-inset-right)) max(.9rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));border-top:1px solid rgba(203,214,232,.92);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bridge-caption{display:inline-flex;align-items:center;gap:.38rem;color:#6d7890;font-size:.72rem;font-weight:650}.bridge-dot.connected{background:#49a260}.scan-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.45rem;border-radius:1rem;background:#154c9b;color:#fff;font-size:.95rem;font-weight:850;box-shadow:0 12px 25px #1248973d;transition:transform .16s ease,background .16s ease}.scan-button:active{transform:scale(.98);background:#0f3e82}.scanner-overlay{position:fixed;z-index:10;inset:0;display:grid;align-items:end;overflow-y:auto;background:#0c152a99}.scanner-sheet{display:grid;gap:1rem;min-height:min(47rem,84dvh);max-height:100dvh;overflow-y:auto;padding:1.2rem 1rem max(1.2rem,env(safe-area-inset-bottom));border-radius:1.55rem 1.55rem 0 0;background:#fff}.scanner-loading{display:grid;min-height:10rem;place-items:center;color:#42506b;font-weight:750}.scanner-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.scanner-header h2{margin:0}.icon-button{display:grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid #dbe2ee;border-radius:50%;background:#fff;color:#34435e}.camera-frame{position:relative;min-height:19rem;overflow:hidden;border-radius:1.2rem;background:#0e1729}.camera-preview{width:100%;height:100%;min-height:19rem;object-fit:cover}.scan-reticle{position:absolute;top:50%;left:50%;width:min(64vw,15.5rem);aspect-ratio:1;border:3px solid #fff;border-radius:1rem;box-shadow:0 0 0 999px #070e1d52;transform:translate(-50%,-50%)}.camera-caption{position:absolute;right:.8rem;bottom:.75rem;left:.8rem;margin:0;color:#fff;font-size:.74rem;line-height:1.4;text-align:center}.scanner-error{margin:0;color:#a63d24;font-size:.82rem;line-height:1.45}.manual-entry label{display:block;margin-bottom:.42rem;color:#536079;font-size:.78rem;font-weight:750}.manual-entry>div{display:flex;gap:.55rem}.manual-entry input{min-width:0;flex:1;min-height:3rem;padding:0 .8rem;border:1px solid #cbd5e5;border-radius:.75rem;color:#1d2a45}.text-action{padding:0 .85rem;border-radius:.75rem;background:#edf3ff;color:#154c9b;font-size:.8rem;font-weight:850}@keyframes map-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes loading-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:25rem){.identity-panel{grid-template-columns:1fr}.identity-actions{width:100%}.manual-entry>div{flex-wrap:wrap}.manual-entry input,.text-action{width:100%}}@media(min-width:44rem){.driver-app{padding-right:1.5rem;padding-left:1.5rem}.map-panel,.scan-callout,.charge-point-result,.identity-panel{padding:1.35rem}.map-canvas{min-height:19rem}.scanner-overlay{align-items:center;padding:1rem}.scanner-sheet{width:min(100%,34rem);min-height:auto;margin:0 auto;border-radius:1.55rem}}@media(max-height:32rem)and (orientation:landscape){.scanner-overlay{align-items:start}.scanner-sheet{min-height:100dvh;border-radius:0}.camera-frame,.camera-preview{min-height:13rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.cpo-app,.cpo-login-shell,.cpo-boot{min-height:100dvh;color:#17213b;background:#f4f6fa}.cpo-app button,.cpo-login-shell button{border:0;cursor:pointer}.cpo-app button:disabled,.cpo-login-shell button:disabled{cursor:not-allowed;opacity:.55}.cpo-sidebar{position:fixed;z-index:4;top:0;bottom:0;left:0;display:flex;width:15.5rem;flex-direction:column;padding:1.4rem 1rem;background:#101a2f;color:#fff}.cpo-brand{display:inline-flex;align-items:center;gap:.72rem;color:inherit;text-decoration:none}.cpo-brand-mark{display:grid;width:2.45rem;height:2.45rem;flex:0 0 auto;place-items:center;border-radius:.72rem;background:#f05b17;color:#fff;box-shadow:0 10px 24px #f05b173d}.cpo-brand-mark svg{width:1.35rem;height:1.35rem}.cpo-brand strong,.cpo-brand small,.cpo-operator strong,.cpo-operator small{display:block}.cpo-brand strong{font-size:1.03rem;letter-spacing:-.025em}.cpo-brand small{margin-top:.1rem;color:#9ba8c1;font-size:.68rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.cpo-nav{display:grid;gap:.35rem;margin-top:2.7rem}.cpo-nav a{display:flex;align-items:center;gap:.7rem;min-height:2.85rem;padding:0 .8rem;border-radius:.72rem;color:#aeb9ce;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .16s ease,color .16s ease}.cpo-nav a:hover,.cpo-nav a.active{background:#1c2a45;color:#fff}.cpo-nav svg,.cpo-icon-button svg,.cpo-secondary-button svg,.cpo-primary-button svg,.cpo-danger-button svg,.port-actions svg,.cpo-alert svg{width:1.1rem;height:1.1rem;flex:0 0 auto}.cpo-operator{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.62rem;margin-top:auto;padding-top:1rem;border-top:1px solid #263651}.operator-avatar{display:grid;width:2.15rem;height:2.15rem;place-items:center;border-radius:50%;background:#e8f0ff;color:#154c9b;font-size:.68rem;font-weight:850}.cpo-operator strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.cpo-operator small{margin-top:.15rem;color:#8e9bb3;font-size:.62rem}.cpo-icon-button{display:grid;width:2.15rem;height:2.15rem;place-items:center;border-radius:.6rem;background:transparent;color:#9da9bf}.cpo-icon-button:hover{background:#263651;color:#fff}.cpo-main{width:calc(100% - 15.5rem);max-width:100rem;min-height:100dvh;margin-left:15.5rem;padding:1.55rem clamp(1rem,3vw,2.6rem) 4rem}.cpo-topbar,.cpo-section-heading,.cpo-top-actions,.port-summary,.port-actions,.cpo-live-pill,.cpo-live-label,.cpo-secondary-button,.cpo-primary-button,.cpo-danger-button{display:flex;align-items:center}.cpo-topbar,.cpo-section-heading,.port-summary{justify-content:space-between;gap:1rem}.cpo-topbar{min-height:4rem}.cpo-topbar h1{margin:0;font-size:clamp(1.6rem,3vw,2.15rem)}.cpo-eyebrow{margin:0 0 .35rem;color:#f05b17;font-size:.66rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.cpo-top-actions{gap:.7rem}.cpo-live-pill,.cpo-live-label{gap:.45rem;border-radius:999px;font-size:.72rem;font-weight:750}.cpo-live-pill{padding:.58rem .72rem;background:#eef0f4;color:#6b7486}.cpo-live-pill span,.cpo-live-label span{width:.48rem;height:.48rem;border-radius:50%;background:#8d98aa}.cpo-live-pill.online{background:#e9f7ed;color:#286b3b}.cpo-live-pill.online span,.cpo-live-label span{background:#43a35a;box-shadow:0 0 0 .2rem #43a35a24}.cpo-live-pill.offline{background:#fff1ed;color:#9e4029}.cpo-secondary-button,.cpo-primary-button,.cpo-danger-button,.port-actions button{justify-content:center;gap:.48rem;min-height:2.55rem;padding:.45rem .78rem;border-radius:.7rem;font-size:.73rem;font-weight:800;transition:transform .15s ease,background .15s ease}.cpo-secondary-button{border:1px solid #d5ddea!important;background:#fff;color:#35445f}.cpo-primary-button{background:#154c9b;color:#fff}.cpo-danger-button{border:1px solid #efc3b6!important;background:#fff4f0;color:#a23f26}.cpo-secondary-button:active,.cpo-primary-button:active,.cpo-danger-button:active,.port-actions button:active{transform:scale(.98)}.cpo-alert{display:flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.8rem .95rem;border:1px solid #b8dfc1;border-radius:.85rem;background:#eff9f1;color:#285f38;font-size:.78rem}.cpo-alert.error{border-color:#efc3b6;background:#fff4f0;color:#9a3d26}.cpo-alert button{margin-left:auto;background:transparent;color:inherit;font-size:.7rem;font-weight:800}.cpo-section{margin-top:1.35rem;padding:clamp(1rem,2vw,1.4rem);border:1px solid #dce3ed;border-radius:1.2rem;background:#fff;box-shadow:0 12px 34px #192f580e;scroll-margin-top:1rem}.cpo-section-heading{margin-bottom:1rem}.cpo-section-heading h2{margin:0;font-size:1.2rem}.cpo-protocol{padding:.42rem .58rem;border-radius:.55rem;background:#edf3fc;color:#24548f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:750}.cpo-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.cpo-stat{display:flex;align-items:center;gap:.7rem;min-height:5.2rem;padding:.85rem;border:1px solid #e0e6ef;border-radius:.9rem;background:#fafbfd}.cpo-stat>span{display:grid;width:2.35rem;height:2.35rem;flex:0 0 auto;place-items:center;border-radius:.72rem;background:#edf2fa;color:#43618e}.cpo-stat.good>span{background:#e9f6ec;color:#328047}.cpo-stat.bad>span{background:#fff0ec;color:#b3472e}.cpo-stat svg{width:1.2rem;height:1.2rem}.cpo-stat p{margin:0 0 .25rem;color:#7a8497;font-size:.66rem}.cpo-stat strong{font-size:.82rem}.cpo-stat.skeleton>span,.cpo-stat.skeleton i{display:block;border-radius:999px;background:#e7ebf2;animation:loading-pulse 1.4s ease-in-out infinite}.cpo-stat.skeleton i{width:5rem;height:.55rem;margin:.38rem 0}.cpo-stat.skeleton i:last-child{width:3.3rem}.cpo-port-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:.9rem}.cpo-port-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:1rem;border:1px solid #dbe3ef;border-radius:1rem;background:linear-gradient(145deg,#fff,#f9fbfe)}.port-letter{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:.85rem;background:#154c9b;color:#fff;font-size:1.15rem;font-weight:850}.port-summary h3,.cpo-settings-form h3,.cpo-safety-card h3,.cpo-empty h3{margin:0;font-size:.9rem}.port-summary p,.cpo-settings-form p,.cpo-safety-card p,.cpo-empty p{margin:.25rem 0 0;color:#737e91;font-size:.7rem;line-height:1.45}.port-state,.outcome,.direction{display:inline-flex;width:fit-content;padding:.32rem .48rem;border-radius:999px;background:#edf0f5;color:#667186;font-size:.62rem;font-weight:800;white-space:nowrap}.port-state.good,.outcome.accepted,.outcome.reconciled{background:#e8f7ec;color:#2e7742}.outcome.queued,.outcome.dispatched,.direction.outbound{background:#eaf1fc;color:#285d9f}.outcome.rejected,.outcome.failed,.outcome.timed_out,.outcome.unknown{background:#fff0ec;color:#9c4029}.direction.connection{background:#f1eefe;color:#634a9e}.direction.inbound{background:#eaf7f2;color:#2c7659}.cpo-port-card dl{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0}.cpo-port-card dl div{padding:.58rem;border-radius:.7rem;background:#f2f5f9}.cpo-port-card dt{color:#788398;font-size:.6rem}.cpo-port-card dd{margin:.18rem 0 0;font-size:.7rem;font-weight:750}.port-actions{grid-column:2;flex-wrap:wrap;gap:.45rem}.port-actions button{min-height:2.25rem;padding:.35rem .65rem;border:1px solid #d8e0eb;background:#fff;color:#35435d}.port-actions button:first-child:not(:disabled){border-color:transparent;background:#f05b17;color:#fff}.cpo-control-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(17rem,.8fr);gap:.9rem}.cpo-settings-form,.cpo-safety-card{padding:1rem;border:1px solid #dde4ee;border-radius:.95rem;background:#fafbfd}.cpo-settings-form>div:first-child,.cpo-safety-card{display:flex;align-items:flex-start;gap:.7rem}.settings-icon,.safety-icon{display:grid;width:2.35rem;height:2.35rem;flex:0 0 auto;place-items:center;border-radius:.7rem;background:#eaf1fc;color:#285d9f}.settings-icon svg,.safety-icon svg{width:1.15rem;height:1.15rem}.cpo-settings-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:.75rem}.cpo-settings-form>div:first-child{grid-column:1 / -1}.cpo-settings-form label,.cpo-login-form label{display:grid;gap:.38rem;color:#4c5870;font-size:.68rem;font-weight:750}.cpo-settings-form input,.cpo-login-form input{width:100%;min-height:2.7rem;padding:0 .72rem;border:1px solid #ccd6e4;border-radius:.68rem;background:#fff;color:#1b2740}.field-note{grid-column:1 / -1}.cpo-safety-card{flex-wrap:wrap;align-content:flex-start}.cpo-safety-card>div{min-width:0;flex:1}.cpo-safety-card .cpo-danger-button{width:100%;margin-top:.45rem}.cpo-table-wrap{overflow-x:auto;border:1px solid #e0e6ef;border-radius:.9rem;transition:opacity .16s ease}.cpo-table-wrap.is-loading{opacity:.58}.cpo-table-wrap.config-table{margin-top:.9rem}.cpo-table-wrap table{width:100%;border-collapse:collapse;text-align:left}.cpo-table-wrap th,.cpo-table-wrap td{padding:.72rem .8rem;border-bottom:1px solid #e7ebf1;font-size:.7rem;white-space:nowrap}.cpo-table-wrap th{background:#f7f9fc;color:#747f92;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase}.cpo-table-wrap tr:last-child td{border-bottom:0}.cpo-table-wrap td strong,.cpo-table-wrap td small{display:block}.cpo-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem}.cpo-pagination p,.cpo-pagination div{display:flex;align-items:center;gap:.55rem}.cpo-pagination p{margin:0;color:#7f899a;font-size:.68rem}.cpo-pagination p strong{color:#1b2740}.cpo-pagination .cpo-secondary-button{min-height:2.35rem;padding:.55rem .8rem}.cpo-table-wrap td small{margin-top:.18rem;color:#7f899a;font-size:.6rem}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem!important}.cpo-live-label{color:#667187}.cpo-empty{display:grid;min-height:9rem;place-items:center;align-content:center;text-align:center}.cpo-empty.compact{min-height:5.5rem;margin-top:.9rem;padding:.8rem;border:1px dashed #d5dce7;border-radius:.85rem}.cpo-empty>svg{width:1.8rem;height:1.8rem;margin-bottom:.55rem;color:#8390a5}.cpo-modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;padding:1rem;place-items:center;background:#0c14259e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cpo-confirmation{width:min(100%,28rem);padding:1.35rem;border-radius:1.1rem;background:#fff;box-shadow:0 30px 80px #08102047}.confirmation-icon,.login-lock{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:.8rem;background:#fff0ec;color:#a84129}.confirmation-icon svg,.login-lock svg{width:1.35rem;height:1.35rem}.cpo-confirmation h2{margin:.9rem 0 .45rem}.cpo-confirmation p{color:#69758a;font-size:.8rem;line-height:1.55}.cpo-confirmation>div:last-child{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.15rem}.cpo-login-shell{display:grid;padding:clamp(1rem,4vw,3rem);place-items:center;background:radial-gradient(circle at 12% 18%,rgba(31,93,180,.26),transparent 34rem),radial-gradient(circle at 82% 82%,rgba(240,91,23,.17),transparent 29rem),#101a2f}.cpo-login-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(19rem,.75fr);width:min(100%,64rem);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;background:#fff;box-shadow:0 35px 100px #040a1666}.cpo-login-copy{display:flex;min-height:36rem;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,3.2rem);background:linear-gradient(135deg,#0f1d37f5,#112c53e6),#101a2f;color:#fff}.cpo-brand.dark{width:fit-content}.cpo-login-copy h1{max-width:30rem;margin-bottom:1rem;color:#fff;font-size:clamp(2rem,5vw,3.6rem);line-height:.98}.cpo-login-copy>div>p:last-child{max-width:30rem;color:#b5c1d7;font-size:.9rem;line-height:1.6}.cpo-login-copy ul{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.cpo-login-copy li{display:flex;align-items:center;gap:.65rem;color:#c0cadd;font-size:.75rem;font-weight:650}.cpo-login-copy li svg{width:1.1rem;height:1.1rem;color:#ff7b3d}.cpo-login-form{display:grid;align-content:center;gap:.9rem;padding:clamp(1.5rem,4vw,3rem)}.cpo-login-form h2{margin:-.15rem 0 0;font-size:1.65rem}.login-hint,.cpo-login-form>small{margin:0;color:#748095;font-size:.72rem;line-height:1.5}.cpo-login-form .cpo-primary-button{width:100%;min-height:3rem;margin-top:.25rem}.login-error{margin:0;padding:.65rem .75rem;border-radius:.65rem;background:#fff0ec;color:#993d27;font-size:.7rem}.cpo-boot{display:grid;place-items:center;align-content:center;padding:1rem;text-align:center}.cpo-boot h1{margin:1rem 0 .4rem;font-size:1.4rem}.cpo-boot p{color:#748095;font-size:.75rem}.cpo-progress{width:min(16rem,75vw);height:.3rem;overflow:hidden;margin-top:.8rem;border-radius:999px;background:#dfe5ed}.cpo-progress span{display:block;width:45%;height:100%;border-radius:inherit;background:#154c9b;animation:cpo-progress 1.15s ease-in-out infinite alternate}@keyframes cpo-progress{0%{transform:translate(-20%)}to{transform:translate(140%)}}@media(max-width:72rem){.cpo-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cpo-control-grid{grid-template-columns:1fr}}@media(max-width:54rem){.cpo-sidebar{position:static;width:100%;min-height:auto;padding:.9rem 1rem}.cpo-nav{display:flex;gap:.25rem;margin-top:.8rem;overflow-x:auto}.cpo-nav a{flex:0 0 auto;min-height:2.5rem}.cpo-operator{position:absolute;top:.85rem;right:1rem;width:auto;margin:0;padding:0;border:0}.cpo-operator>span:nth-child(2),.operator-avatar{display:none}.cpo-main{width:100%;margin-left:0}.cpo-login-panel{grid-template-columns:1fr}.cpo-login-copy{min-height:22rem}.cpo-login-copy ul{display:none}}@media(max-width:42rem){.cpo-main{padding:1rem .75rem 3rem}.cpo-topbar,.cpo-section-heading{align-items:flex-start;flex-direction:column}.cpo-top-actions{width:100%;justify-content:space-between}.cpo-stat-grid,.cpo-port-grid,.cpo-settings-form{grid-template-columns:1fr}.cpo-settings-form>div:first-child,.field-note{grid-column:1}.cpo-port-card{grid-template-columns:auto minmax(0,1fr)}.cpo-pagination{align-items:stretch;flex-direction:column}.cpo-pagination div,.cpo-pagination .cpo-secondary-button{flex:1}.cpo-login-shell{padding:0;background:#fff}.cpo-login-panel{min-height:100dvh;border:0;border-radius:0;box-shadow:none}.cpo-login-copy{min-height:16rem;padding:1.3rem}.cpo-login-copy h1{font-size:2rem}.cpo-login-copy>div>p:last-child{display:none}.cpo-login-form{padding:1.4rem}}