:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f7fcff;font-synthesis:none;text-rendering:optimizeLegibility;--blue:#38bdf8;--blue-strong:#0284c7;--blue-deep:#0369a1;--blue-soft:#e0f2fe;--blue-pale:#f0f9ff;--ink:#0f172a;--muted:#64748b;--line:#d8eaf4;--card:#ffffff;--success:#16a34a;--success-soft:#ecfdf5;--warning:#d97706;--warning-soft:#fff7ed;--danger:#dc2626;--danger-soft:#fef2f2;--shadow:0 14px 38px rgba(2,132,199,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#eaf8ff 0,#f8fdff 28%,#f7fbfd)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(56,189,248,.24);outline-offset:2px}.center{min-height:100vh;display:grid;place-items:center;padding:24px;color:var(--ink)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#dff5ff 0,#f7fcff,#fff)}.login-card{width:min(440px,100%);padding:34px;border:1px solid #d8edf7;background:#fffffff5;border-radius:28px;box-shadow:0 28px 80px #0284c729}.brand-mark{width:66px;height:66px;border:0;border-radius:22px;display:grid;place-items:center;font-weight:900;font-size:34px;margin-bottom:22px;background:linear-gradient(145deg,var(--blue),var(--blue-strong));color:#fff;box-shadow:0 12px 30px #0284c740}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--blue-strong);font-weight:900;text-transform:uppercase}.login-card h1,.topbar h1,.operator-header h1{margin:6px 0 8px;color:var(--ink)}.muted,small{color:var(--muted)}.login-card form{display:grid;gap:16px;margin-top:22px}.login-card label,.form-grid label{display:grid;gap:7px;font-size:13px;color:#334155;font-weight:800}.login-card input,.form-grid input,.form-grid select,.step-actions input{width:100%;padding:13px 14px;color:var(--ink);background:#fff;border:1px solid #cfe5ef;border-radius:14px;outline:none;transition:.18s border,.18s box-shadow}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.step-actions input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #38bdf81a}.form-grid select option{background:#fff;color:var(--ink)}.login-card button,.primary,.form-grid button,.tiny,.choice-grid button,.full,.step-actions button,.step-card>button{padding:13px 16px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue-strong));color:#fff;font-weight:900;box-shadow:0 8px 18px #0284c724;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.login-card button:hover,.primary:hover,.form-grid button:hover,.tiny:hover,.choice-grid button:hover,.full:hover,.step-actions button:hover,.step-card>button:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 12px 24px #0284c733}.login-card button:disabled,.form-grid button:disabled,.step-actions button:disabled,.step-card>button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.secondary,.choice-grid .secondary,.full.secondary,.step-actions .secondary{background:#fff;color:var(--blue-deep);border:1px solid #bfe3f3;box-shadow:none}.login-card footer{margin-top:24px;color:#94a3b8;font-size:11px;text-align:center}.form-error{padding:11px 13px;border-radius:12px;background:var(--danger-soft);border:1px solid #fecaca;color:#b91c1c;font-size:13px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.choice-grid button{min-height:62px;font-size:14px}.full{width:100%;margin-top:12px}.shell{max-width:1260px;margin:auto;padding:24px 22px 96px}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;margin:0 -8px 20px;padding:14px 8px;background:#f7fcffe0;backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,234,244,.8)}.topbar-brand{display:flex;align-items:center;gap:12px}.topbar-logo{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--blue-strong));color:#fff;font-size:22px;font-weight:1000;box-shadow:0 8px 20px #0284c72e}.topbar h1{font-size:24px;line-height:1}.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.top-actions button{padding:10px 13px;border-radius:12px;font-size:12px;font-weight:900}.banner{display:flex;gap:12px;align-items:center;padding:13px 15px;margin:12px 0 20px;border:1px solid;border-radius:16px;font-size:13px;background:#fff}.banner span{color:#475569}.banner.ok{border-color:#bbf7d0;background:var(--success-soft);color:#166534}.banner.warn{border-color:#fed7aa;background:var(--warning-soft);color:#9a3412}.banner.danger{border-color:#fecaca;background:var(--danger-soft);color:#991b1b}.banner.compact{margin:8px 0}.grid{display:grid}.metrics{grid-template-columns:repeat(4,1fr);gap:14px}.card,.panel{border:1px solid var(--line);background:#fffffff0;border-radius:22px;box-shadow:var(--shadow)}.card{position:relative;overflow:hidden;padding:20px;display:grid;gap:5px;min-height:126px}.card:before{content:"";position:absolute;width:84px;height:84px;border-radius:50%;right:-24px;top:-28px;background:#38bdf81f}.card span,.release-card span{font-size:10px;color:var(--blue-deep);letter-spacing:.13em;font-weight:900}.card strong{font-size:32px;color:var(--ink)}.card small{font-weight:700}.panel{padding:20px;margin-top:14px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title h2{font-size:16px;margin:0 0 12px;color:#0c4a6e}.panel-title span{font-size:12px;color:#94a3b8}.table-wrap{overflow:auto;border-radius:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5f1f6;font-size:13px;white-space:nowrap}th{color:#64748b;background:#f7fcff;font-size:11px;letter-spacing:.04em}tbody tr:hover{background:#f8fdff}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.pill.ok{background:#dcfce7;color:#15803d}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.list-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #e5f1f6}.list-row:last-child{border-bottom:0}.list-row div{display:grid;gap:3px}.release-card{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.release-card div{display:grid;gap:4px}.release-card strong{font-size:13px;color:#334155;overflow-wrap:anywhere}.device-box{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0}.device-box>div{display:grid;gap:4px}.device-box strong{color:var(--blue-deep)}.workforce-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.subpanel{border:1px solid #d7edf7;background:linear-gradient(180deg,#fbfeff,#f4fbff);border-radius:18px;padding:17px}.subpanel h3{margin:0 0 14px;font-size:14px;color:#075985}.form-grid{display:grid;gap:12px}.form-grid button,.tiny{padding:10px 12px}.tiny{padding:7px 10px;font-size:11px}.empty-state{padding:18px 0;color:#94a3b8;font-size:13px}.operator-shell{max-width:940px;margin:auto;padding:24px 22px 100px}.operator-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;margin:0 -8px 18px;padding:14px 8px;background:#f7fcffe6;backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,234,244,.8)}.operator-header h1{font-size:23px}.operator-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.operator-hero>div{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px;display:grid;gap:5px;box-shadow:var(--shadow)}.operator-hero span{font-size:10px;color:var(--blue-deep);text-transform:uppercase;letter-spacing:.12em;font-weight:900}.operator-hero strong{font-size:20px;color:var(--ink)}.operator-flow{display:grid;gap:12px;margin-top:16px}.step-card{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);background:#fff;border-radius:20px;box-shadow:0 10px 26px #0284c712}.transaction-step{align-items:start}.transaction-form{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#f7fcff}.transaction-form label{display:grid;gap:6px;font-weight:700}.transaction-form .check-row{display:flex;align-items:center;gap:10px;font-weight:600}.transaction-form .check-row input{width:20px;height:20px}.plate-input-row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.plate-input-row>input{flex:1 1 220px}.file-action{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid #7dd3fc;border-radius:12px;background:#e0f2fe;color:#075985;font-size:13px;font-weight:900;cursor:pointer;white-space:nowrap}.file-action input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.entry-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.entry-result{display:grid;gap:4px;margin-top:12px;padding:12px;border:1px solid #86efac;border-radius:14px;background:#f0fdf4;color:#166534}.entry-result strong{font-size:1.05rem;letter-spacing:.04em}.ticket-result{grid-template-columns:auto 1fr;align-items:center;gap:14px}.ticket-result img{width:116px;height:116px;border-radius:10px;background:#fff;padding:5px}.ticket-result>div{display:grid;gap:4px;min-width:0}.step-card>span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue-deep);font-weight:1000}.step-card h2{margin:0;font-size:16px;color:#0c4a6e}.step-card p{margin:5px 0 0;color:var(--muted);font-size:13px}.step-card.active{border-color:#7dd3fc;box-shadow:0 12px 30px #38bdf826}.step-card.done{border-color:#bbf7d0;background:#fbfffc}.step-card.done>span{background:#dcfce7;color:#15803d}.step-actions{display:flex;gap:8px;align-items:center}.step-actions input{width:160px}.operator-ready{font-weight:1000;color:#15803d;background:#dcfce7;padding:8px 12px;border-radius:999px}.owner-live{display:grid;gap:14px;margin:18px 0}.owner-live-title{padding:18px;border-radius:20px;background:linear-gradient(135deg,#082f49,#075985);color:#fff;box-shadow:0 16px 38px #0369a138}.owner-live-title h2{margin:5px 0;color:#fff}.owner-live-title small{color:#bae6fd}.live-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.live-metrics article{display:grid;gap:5px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.live-metrics article>span{font-size:9px;letter-spacing:.09em;color:var(--muted);font-weight:900}.live-metrics article>strong{font-size:22px;color:#0c4a6e}.live-metrics article>small{color:var(--muted)}.live-metrics article.attention{border-color:#fbbf24;background:#fffbeb}.live-metrics article.attention>strong{color:#92400e}.live-post-panel{margin:0}.post-live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.post-live-grid article{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#f8fcff}.post-live-grid article>span{font-size:10px;font-weight:900;color:var(--blue-deep)}.table-sub{display:block;margin-top:3px;color:var(--muted);font-size:10px}.pill.warn{background:#fef3c7;color:#92400e}.recovery-panel{display:grid;gap:14px}.recovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.recovery-grid article{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#f8fcff}.recovery-grid article>span{font-size:9px;letter-spacing:.08em;font-weight:900;color:var(--muted)}.recovery-grid article>strong{color:#0c4a6e;font-size:17px}.recovery-grid article.healthy{border-color:#86efac;background:#f0fdf4}.recovery-grid article.attention{border-color:#fbbf24;background:#fffbeb}.recovery-note{display:grid;gap:4px;padding:14px;border-left:4px solid #38bdf8;border-radius:10px;background:#f0f9ff}.recovery-note span{color:#075985}.recovery-note small{color:var(--muted)}.pilot-guard{display:grid;gap:14px}.guard-actions{display:flex;gap:8px;flex-wrap:wrap}.guard-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border:1px solid #fbbf24;border-radius:15px;background:#fffbeb;color:#92400e}.guard-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.guard-list article{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:13px}.guard-list article>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-weight:1000}.guard-list article>div{display:grid;gap:3px}.guard-list article small{color:var(--muted)}.guard-pass>span{background:#dcfce7;color:#15803d}.guard-check>span{background:#fef3c7;color:#92400e}.guard-fail>span{background:#fee2e2;color:#b91c1c}.guard-list article>b{font-size:10px}.guard-pass>b{color:#15803d}.guard-check>b{color:#92400e}.guard-fail>b{color:#b91c1c}.backup-readiness{display:grid;gap:14px}.backup-checklist{display:grid;gap:8px}.backup-checklist label{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}.backup-checklist input{width:18px;height:18px;accent-color:#1d4ed8}.backup-checklist b{font-size:10px;color:#92400e}.backup-checklist input:checked~b{color:#15803d}.hardware-cert{display:grid;gap:14px}.hardware-contract-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hardware-contract-grid article{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fcff}.hardware-contract-grid article>span{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--blue-deep)}.hardware-contract-grid article>strong{font-size:22px}.hardware-contract-grid article>small{color:var(--muted)}.mobile-nav{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:50;width:min(620px,calc(100% - 24px));display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;background:#fffffff2;border:1px solid #cfe8f3;border-radius:22px;box-shadow:0 18px 44px #0284c733;backdrop-filter:blur(16px)}.mobile-nav a,.mobile-nav button{min-width:0;border:0;background:transparent;color:#64748b;text-decoration:none;display:grid;place-items:center;gap:3px;padding:7px 3px;border-radius:14px;font-size:10px;font-weight:800}.mobile-nav a strong,.mobile-nav button strong{font-size:18px;line-height:1}.mobile-nav a:hover,.mobile-nav button:hover,.mobile-nav .active{background:var(--blue-soft);color:var(--blue-deep)}.section-anchor{scroll-margin-top:90px}@media (max-width:850px){.live-metrics,.post-live-grid,.recovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics,.release-card{grid-template-columns:1fr 1fr}.two-col,.workforce-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}}@media (max-width:700px){.guard-list,.hardware-contract-grid,.operator-hero{grid-template-columns:1fr}.step-card{grid-template-columns:42px 1fr}.step-card>button,.step-actions,.operator-ready{grid-column:1/-1}.step-actions{align-items:stretch;flex-direction:column}.step-actions input{width:100%}}@media (max-width:560px){.shell,.operator-shell{padding:14px 12px 104px}.login-shell{padding:14px}.login-card{padding:26px 20px;border-radius:24px}.metrics,.release-card{grid-template-columns:1fr 1fr;gap:10px}.card{padding:16px;min-height:112px}.card strong{font-size:28px}.panel{padding:15px;border-radius:19px}.topbar{gap:12px;align-items:center}.topbar h1{font-size:20px}.topbar-logo{width:40px;height:40px}.top-actions{gap:6px}.top-actions button{padding:9px 10px;font-size:11px}.top-actions .hide-mobile{display:none}.device-box,.banner{align-items:flex-start;flex-direction:column}.choice-grid{grid-template-columns:1fr}.operator-header{align-items:center}}@media (min-width:900px){.mobile-nav{width:520px}}


/* PCP-S10-B1-015 — Premium mobile login UI patch */
.login-shell{
  min-height:100vh!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 50% -8%,rgba(56,189,248,.40),transparent 32%),
    radial-gradient(circle at 110% 24%,rgba(14,165,233,.18),transparent 28%),
    linear-gradient(165deg,#071d33 0%,#082f49 42%,#075985 100%)!important;
  overflow:hidden;
}
.login-shell:before,.login-shell:after{
  content:"";position:fixed;border:1px solid rgba(186,230,253,.13);border-radius:50%;pointer-events:none
}
.login-shell:before{width:420px;height:420px;right:-230px;top:-120px}
.login-shell:after{width:300px;height:300px;left:-180px;bottom:-110px}
.login-card{
  position:relative!important;
  z-index:2!important;
  width:min(440px,100%)!important;
  padding:34px 28px 28px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:34px!important;
  background:rgba(8,47,73,.32)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  color:#fff!important;
}
.brand-mark{
  width:78px!important;height:78px!important;margin:0 auto 20px!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,#38bdf8,#0284c7)!important;
  color:#fff!important;font-size:38px!important;
  box-shadow:0 18px 38px rgba(2,132,199,.38),inset 0 1px 0 rgba(255,255,255,.30)!important;
}
.eyebrow{text-align:center!important;color:#bae6fd!important;letter-spacing:.20em!important;font-size:10px!important}
.login-card h1{text-align:center!important;color:#fff!important;font-size:36px!important;letter-spacing:.01em!important;margin:7px 0 8px!important}
.login-card>.muted{text-align:center!important;color:#dbeafe!important;margin:0!important;font-size:13px!important}
.choice-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:26px!important}
.choice-grid button{
  position:relative!important;min-height:78px!important;border-radius:22px!important;
  font-size:14px!important;letter-spacing:.04em!important;text-align:left!important;
  padding:0 22px 0 72px!important;box-shadow:none!important
}
.choice-grid button:before{
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  width:42px;height:42px;border-radius:15px;display:grid;place-items:center;
  font-weight:1000;font-size:16px
}
.choice-grid button:first-child{
  background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;
  color:white!important;border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 14px 30px rgba(2,132,199,.30)!important
}
.choice-grid button:first-child:before{content:"P";background:rgba(255,255,255,.18);color:white;border:1px solid rgba(255,255,255,.16)}
.choice-grid .secondary{
  background:rgba(255,255,255,.96)!important;color:#0c4a6e!important;
  border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 12px 26px rgba(0,0,0,.12)!important
}
.choice-grid .secondary:before{content:"O";background:#e0f2fe;color:#0369a1}
.login-card>.banner{
  margin:22px 0 0!important;border-radius:17px!important;padding:12px 14px!important;
  background:rgba(255,255,255,.94)!important;box-shadow:0 10px 24px rgba(0,0,0,.08)!important
}
.login-card>.banner.ok{border-color:#86efac!important;color:#166534!important}
.login-card>.banner.warn{border-color:#fdba74!important;color:#9a3412!important}
.login-card form{
  margin-top:14px!important;padding:22px!important;border-radius:24px!important;
  background:rgba(255,255,255,.98)!important;box-shadow:0 18px 46px rgba(0,0,0,.16)!important
}
.login-card form label{color:#334155!important;font-size:12px!important}
.login-card form input{
  min-height:50px!important;border-radius:15px!important;background:#fbfeff!important;
  border:1px solid #cfe3ee!important;color:#0f172a!important
}
.login-card form input:focus{background:#fff!important;border-color:#38bdf8!important;box-shadow:0 0 0 4px rgba(56,189,248,.11)!important}
.login-card form button{
  min-height:52px!important;border-radius:16px!important;
  background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;
  color:#fff!important;box-shadow:0 12px 28px rgba(2,132,199,.22)!important
}
.login-card>.secondary.full{
  min-height:48px!important;margin-top:12px!important;border-radius:16px!important;
  background:rgba(255,255,255,.12)!important;color:#e0f2fe!important;
  border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important
}
.login-card footer{
  position:relative!important;margin-top:22px!important;padding-top:20px!important;
  color:#93c5fd!important;font-size:10px!important;text-align:center!important
}
.login-card footer:before{
  content:"●  CLOUD ONLINE  •  SECURE PWA";display:block;margin-bottom:8px;
  color:#86efac;font-size:9px;font-weight:900;letter-spacing:.10em
}
.form-error{border-radius:13px!important}
@media(max-width:560px){
  .login-shell{padding:0!important;place-items:stretch!important}
  .login-card{
    width:100%!important;min-height:100vh!important;border-radius:0!important;border:0!important;
    padding:64px 22px 28px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
    background:linear-gradient(180deg,rgba(8,47,73,.18),rgba(7,89,133,.10))!important;box-shadow:none!important
  }
  .brand-mark{width:82px!important;height:82px!important;border-radius:27px!important;font-size:40px!important}
  .login-card h1{font-size:34px!important}
  .choice-grid{margin-top:30px!important}
  .choice-grid button{min-height:82px!important;border-radius:23px!important}
  .login-card form{padding:20px!important;border-radius:24px!important}
  .login-card>.banner{margin-top:18px!important}
  .login-card footer{margin-top:20px!important}
}