:root{--accent:#087b68;--accent-dark:#056252;--ink:#17212b;--muted:#66736f;--line:#dfe6e3;--soft:#f4f7f6;--danger:#b42318;--warn:#9a6700;--white:#fff}*{box-sizing:border-box}html{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--soft)}body{margin:0;font-size:15px;line-height:1.5}a{color:var(--accent-dark);text-decoration:none}a:hover{text-decoration:underline}button,.button,input,select,textarea{font:inherit}.topbar{height:68px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4vw;gap:34px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:750;color:var(--ink)}.brand img{width:42px;height:38px;object-fit:contain}.topbar nav{display:flex;gap:24px;flex:1}.topbar nav a{color:#35433e;font-weight:600}.account{display:flex;align-items:center;gap:14px;font-size:13px}.link-button{border:0;background:transparent;color:var(--accent);padding:0;cursor:pointer}.page{max-width:1280px;margin:0 auto;padding:34px 4vw 70px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.page-head h1{font-size:28px;margin:2px 0 5px}.page-head p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800;color:var(--accent)!important}.panel,.metric,.total-card{background:var(--white);border:1px solid var(--line);border-radius:10px}.panel{padding:22px;margin-bottom:20px}.panel h2{font-size:18px;margin:0 0 18px}.panel-head{display:flex;justify-content:space-between;align-items:center}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric-grid.finance{grid-template-columns:repeat(3,1fr)}.metric{padding:20px;color:var(--ink);transition:transform .18s,border-color .18s}.metric:hover{transform:translateY(-2px);border-color:#9dc8be;text-decoration:none}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;font-size:27px;margin-top:8px}.metric.accent{background:var(--accent);color:white}.metric.accent span{color:#d7eee9}.button,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;padding:9px 15px;font-weight:700;cursor:pointer;transition:background .18s,border-color .18s}.primary{background:var(--accent);color:white}.primary:hover{background:var(--accent-dark);text-decoration:none}.secondary{background:white;border-color:#b9c5c1;color:#263631}.danger{background:#fff0ef;color:var(--danger);border-color:#e8aaa5}.actions{display:flex;gap:10px}.alert{padding:13px 16px;border-radius:8px;margin-bottom:20px}.alert.success{background:#e8f6f1;color:#075d4e}.alert.error{background:#fff0ef;color:#8f1710}.alert.warning{background:#fff8df;color:#694b00}.alert ul{margin:5px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}th,td{padding:12px 10px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted)}.badge{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:750;background:#eef2f1}.badge.verified{background:#dff5eb;color:#08704d}.badge.returned_for_correction,.badge.rejected{background:#ffebe9;color:#a3261d}.badge.submitted,.badge.resubmitted{background:#e9f1ff;color:#285ea8}.badge.under_review{background:#fff4d6;color:#825d00}.empty{text-align:center;color:var(--muted);padding:32px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.form-section label,.stack label{display:block;font-weight:650;margin-bottom:14px}.form-section small,label small{display:block;color:var(--muted);font-weight:400}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}input,select,textarea{display:block;width:100%;border:1px solid #b9c5c1;border-radius:7px;padding:10px 11px;margin-top:5px;color:var(--ink);background:white}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid rgba(8,123,104,.22);outline-offset:1px}.check{display:flex!important;gap:8px;align-items:flex-start;font-weight:500!important}.check input{width:auto;margin-top:4px}.money{display:flex;align-items:center;border:1px solid #b9c5c1;border-radius:7px;margin-top:5px;overflow:hidden}.money span{padding:0 10px;color:var(--muted)}.money input{border:0;border-left:1px solid var(--line);border-radius:0;margin:0}.total-card{position:sticky;top:90px;padding:20px}.total-card span{color:var(--muted)}.total-card strong{display:block;font-size:27px;margin:6px 0}.total-card p{font-size:12px;color:var(--muted)}.total-card button,.total-card .button{width:100%;margin-top:8px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}dl{display:grid;grid-template-columns:170px 1fr;margin:0}dt,dd{padding:8px 0;border-bottom:1px solid var(--line);margin:0}dt{font-weight:700;color:var(--muted)}dt.total,dd.total{font-size:17px;color:var(--ink);font-weight:800}.document-list{display:grid;gap:9px}.document-list a{display:flex;justify-content:space-between;border:1px solid var(--line);padding:12px;border-radius:7px}.document-list span{color:var(--muted);font-size:12px}.declaration{border-color:#9dc8be}.timeline{list-style:none;padding:0;margin:0}.timeline li{border-left:2px solid #b9d8d1;padding:0 0 18px 18px}.timeline span{display:block;color:var(--muted);font-size:12px}.filter{display:flex;align-items:end;gap:14px}.filter label{flex:1;font-weight:650}.filter input,.filter select{margin-top:4px}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px}.sticky{position:sticky;top:90px}.stack{display:grid;gap:12px}.stack fieldset{border:0;padding:0;margin:0}.stack legend{font-weight:800;margin-bottom:10px}.decision-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#f5f8f7,#e8f1ee)}.login-card{width:min(420px,100%);background:white;border:1px solid var(--line);border-radius:12px;padding:36px}.login-card>img{width:82px}.login-card h1{margin:4px 0}.muted{color:var(--muted)}
.admin-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.5fr);gap:20px;align-items:start}.compact-list{display:grid;gap:7px;margin-top:22px}.compact-list>div{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:9px}.compact-list span{font-size:12px;color:var(--muted)}code{background:#edf2f0;border-radius:4px;padding:3px 6px}.password-reset{min-width:155px}.password-reset summary{list-style:none;white-space:nowrap}.password-reset summary::-webkit-details-marker{display:none}.password-reset[open] summary{margin-bottom:10px}.password-reset-form{display:grid;gap:9px;min-width:290px;padding:14px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.password-reset-form label{font-size:12px;font-weight:700}.password-reset-form input{margin-top:3px}.password-reset-form button{width:100%}
.card-selector{display:flex;align-items:end;gap:12px}.card-selector label{min-width:min(520px,100%);font-weight:700}.usage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.usage-grid>div{background:var(--soft);border-radius:8px;padding:15px}.usage-grid span{display:block;color:var(--muted);font-size:12px}.usage-grid strong{display:block;margin-top:5px}.document-review-item{border:1px solid var(--line);border-radius:8px;padding:12px}.document-review-item>a{border:0!important;padding:0!important}.reject-document-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;border-top:1px solid var(--line);margin-top:11px;padding-top:11px}.reject-document-form label{font-size:12px;font-weight:700}.rejection-copy{display:block!important;color:var(--danger)!important;font-weight:650;margin-top:5px}
.signature-wrap{border:2px dashed #91aaa3;border-radius:8px;background:#fff;margin:7px 0 9px;overflow:hidden}.signature-wrap canvas{display:block;width:100%;height:180px;touch-action:none;cursor:crosshair}.signature-actions{display:flex;align-items:center;gap:12px;margin-bottom:16px}
@media(max-width:900px){.topbar{height:auto;flex-wrap:wrap;padding:12px 4vw;gap:12px}.topbar nav{order:3;width:100%;overflow:auto}.account span{display:none}.metric-grid,.metric-grid.finance{grid-template-columns:1fr 1fr}.form-layout,.review-layout,.detail-grid,.admin-grid{grid-template-columns:1fr}.usage-grid{grid-template-columns:1fr 1fr}.total-card{position:static;order:-1}.grid.two{grid-template-columns:1fr}}@media(max-width:560px){.metric-grid,.metric-grid.finance,.usage-grid{grid-template-columns:1fr}.page-head{display:block}.page-head .button{margin-top:15px}.filter{display:grid}.document-list a{display:block}.reject-document-form{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.topbar{height:auto;min-height:76px;padding-top:7px;padding-bottom:7px;gap:28px}.brand img{width:104px;height:62px;object-fit:contain}.login-card{width:min(440px,100%)}.login-card>img{display:block;width:250px;max-width:100%;height:auto;margin:0 auto 12px}.total-card,.sticky{top:98px}@media(max-width:900px){.brand img{width:92px;height:55px}}@media(max-width:560px){.brand span{font-size:13px}.login-card>img{width:220px}}
.system-logo{display:inline-flex;flex-direction:column;align-items:center;flex:0 0 auto;line-height:1;position:relative}.system-logo-art{display:block;position:relative;overflow:hidden}.system-logo-art img{display:block;width:100%;height:auto;object-fit:contain}.system-logo-art::before{content:"";position:absolute;z-index:2;top:44%;left:8%;width:84%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,rgba(63,169,231,.2) 20%,#65c9ff 48%,rgba(30,91,155,.55) 72%,transparent 100%);filter:drop-shadow(0 0 4px #59bff4);transform:translateX(-120%);animation:kipixDataSweep 3.2s ease-in-out infinite}.system-logo-art::after{content:"";position:absolute;z-index:3;top:calc(44% - 2px);left:10%;width:6px;height:6px;border-radius:50%;background:#dff7ff;box-shadow:0 0 5px 2px #54bff5;opacity:0;animation:kipixDataNode 3.2s ease-in-out infinite}.system-logo-tagline{display:block;background:#fff;color:#173f72;font-weight:850;letter-spacing:.055em;text-align:center;white-space:nowrap;position:relative;z-index:4}.system-logo--header{width:112px}.system-logo--header .system-logo-art{width:112px;height:58px}.system-logo--header .system-logo-tagline{width:112px;font-size:9px;padding:2px 0 1px}.system-logo--login{width:270px;max-width:100%;margin:0 auto 13px}.system-logo--login .system-logo-art{width:270px;max-width:100%;height:140px}.system-logo--login .system-logo-tagline{width:100%;font-size:15px;padding:4px 0 2px}@keyframes kipixDataSweep{0%,18%{transform:translateX(-120%);opacity:0}30%{opacity:.55}68%{opacity:1}82%,100%{transform:translateX(120%);opacity:0}}@keyframes kipixDataNode{0%,22%{left:9%;opacity:0}32%{opacity:1}76%{left:86%;opacity:1}88%,100%{left:90%;opacity:0}}@media(max-width:900px){.system-logo--header{width:100px}.system-logo--header .system-logo-art{width:100px;height:52px}.system-logo--header .system-logo-tagline{width:100px;font-size:8px}}@media(max-width:560px){.system-logo--login{width:235px}.system-logo--login .system-logo-art{width:235px;height:122px}.system-logo--login .system-logo-tagline{font-size:13px}}@media(prefers-reduced-motion:reduce){.system-logo-art::before,.system-logo-art::after{animation:none!important}.system-logo-art::before{transform:none;opacity:.35}.system-logo-art::after{display:none}}
.system-logo-art::before,.system-logo-art::after{display:none}.system-logo-links{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.logo-link-path{fill:none;stroke:#55b7ee;stroke-width:10;stroke-linecap:round;opacity:.42;filter:drop-shadow(0 0 12px rgba(66,177,235,.82));stroke-dasharray:24 22;animation:kipixLinkFlow 2.6s linear infinite}.logo-link-path:nth-of-type(even){stroke:#8bd9ff;stroke-dasharray:14 27;animation-duration:3.1s}.logo-link-path--4,.logo-link-path--5{opacity:.34;stroke-width:9}.complete-earth-backdrop{fill:#fff}.complete-earth-body{stroke:#fff;stroke-width:12}.complete-earth-grid{fill:none;stroke:#fff;stroke-width:12;stroke-linecap:round;opacity:.96}.earth-link-ring{fill:none;stroke:#74cefa;stroke-width:12;opacity:.25;transform-origin:1311px 270px;animation:kipixEarthLink 2.5s ease-in-out infinite}.message-packet{opacity:0;animation:kipixPacketVisible var(--packet-duration,4s) ease-in-out var(--packet-delay,0s) infinite}.message-packet-glow{fill:#68c9f7;opacity:.28;filter:drop-shadow(0 0 22px #53bdf3)}.message-packet-core{fill:#fff;stroke:#2b8bc7;stroke-width:7;filter:drop-shadow(0 0 12px #45baf3)}.system-logo-tagline{width:96%!important;font-weight:900}@keyframes kipixLinkFlow{to{stroke-dashoffset:-92}}@keyframes kipixEarthLink{0%,100%{opacity:.18;transform:scale(.96)}50%{opacity:.55;transform:scale(1.04)}}@keyframes kipixPacketVisible{0%,7%,95%,100%{opacity:0}14%,86%{opacity:1}}@media(prefers-reduced-motion:reduce){.logo-link-path,.earth-link-ring,.message-packet{animation:none!important}.logo-link-path{stroke-dasharray:none;opacity:.28}.earth-link-ring{opacity:.25}.message-packet{display:none}}

/* Integrated System Automation portal */
body{overflow-x:hidden}.portal-topbar{min-height:82px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;padding:8px clamp(18px,4vw,64px)}.portal-brand{min-width:260px}.portal-brand>span{max-width:138px;line-height:1.2;color:#17212b}.portal-nav{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}.portal-nav a{padding:9px 10px;border-radius:8px;color:#43504c;font-size:13px;white-space:nowrap}.portal-nav a:hover,.portal-nav a.active{background:#e8f4f0;color:#056252;text-decoration:none}.portal-nav a.active{font-weight:800}.portal-account{justify-content:flex-end}.portal-account>span{display:flex;flex-direction:column;line-height:1.25;text-align:right}.portal-account small{color:var(--muted)}.nav-toggle{display:none;background:#fff;border-color:#b9c5c1;color:#263631;gap:7px}.page{max-width:1320px}.portal-welcome{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:28px 30px;margin-bottom:30px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 25px rgba(23,33,43,.05)}.portal-welcome h1{margin:3px 0 5px;font-size:30px}.portal-welcome p{margin:0;color:var(--muted)}.user-summary{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:12px;margin:0}.user-summary>div{padding:13px 16px;background:var(--soft);border-radius:10px}.user-summary dt,.user-summary dd{border:0;padding:0}.user-summary dt{font-size:11px;text-transform:uppercase;letter-spacing:.07em}.user-summary dd{margin-top:3px;font-weight:750}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-heading h2{margin:0 0 3px;font-size:21px}.section-heading p{margin:0;color:var(--muted)}.department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.department-card,.module-card{position:relative;display:flex;align-items:flex-start;gap:15px;min-width:0;padding:21px;background:#fff;border:1px solid var(--line);border-radius:13px;color:var(--ink);box-shadow:0 5px 18px rgba(23,33,43,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.department-card{min-height:145px}.department-card:hover,.module-card--active:hover{transform:translateY(-2px);border-color:#8bc5b8;box-shadow:0 9px 24px rgba(23,33,43,.08);text-decoration:none}.department-card:focus-visible,.module-card--active:focus-visible{outline:3px solid rgba(8,123,104,.28);outline-offset:3px}.portal-icon-wrap{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:12px;background:#e7f4f0;color:var(--accent-dark)}.portal-icon-wrap--small{flex-basis:42px;width:42px;height:42px;border-radius:10px}.portal-icon{width:26px;height:26px}.portal-icon-wrap--small .portal-icon{width:23px;height:23px}.department-card-copy,.module-card-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.department-card-copy strong{font-size:15px;letter-spacing:.025em}.department-card-copy>span,.module-card-copy>span:last-child{color:var(--muted);font-size:13px;line-height:1.5}.card-arrow{align-self:center;color:var(--accent);font-size:20px}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:17px;color:var(--muted);font-size:13px}.breadcrumbs a{font-weight:700}.portal-page-head{align-items:center}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.module-card{min-height:124px}.module-card--disabled{background:#fafbfb;box-shadow:none}.module-card--disabled .portal-icon-wrap{background:#f0f2f1;color:#82908b}.module-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;color:var(--ink)!important;font-size:15px!important}.badge.coming-soon{flex:0 0 auto;background:#edf1f0;color:#5b6864;text-transform:uppercase;letter-spacing:.04em;font-size:9px}.status-page{max-width:680px;margin:8vh auto;padding:38px;background:#fff;border:1px solid var(--line);border-radius:14px;text-align:center}.status-page h1{margin:7px 0 12px}.status-page p:not(.eyebrow){color:var(--muted);margin-bottom:24px}
.auth-shell{padding:24px;background:#f3f6f5}.portal-login{width:min(430px,100%);padding:29px 34px;border-radius:15px;box-shadow:0 14px 42px rgba(23,33,43,.08)}.portal-login .system-logo--login{width:235px;margin-bottom:8px}.portal-login .system-logo--login .system-logo-art{width:235px;height:122px}.portal-login .system-logo--login .system-logo-tagline{font-size:13px}.login-heading{text-align:center;margin-bottom:23px}.login-heading .eyebrow{margin:0 0 4px}.login-heading h1{font-size:23px;margin:0;line-height:1.25}.login-form{gap:0}.login-form>label:not(.check){font-size:13px;font-weight:750;margin:0 0 5px}.login-form>input,.password-field{margin-bottom:15px}.login-form input{min-height:44px}.password-field{position:relative}.password-field input{padding-right:68px;margin:0}.password-toggle{position:absolute;right:5px;top:5px;bottom:5px;padding:4px 10px;border:0;background:#edf4f2;color:var(--accent-dark);font-size:12px}.login-remember{margin:1px 0 17px!important}.login-submit{width:100%;min-height:44px}.field-error{display:block;margin:-9px 0 13px;color:var(--danger);font-size:12px}.portal-login .alert{margin-bottom:12px}
@media(max-width:1120px){.portal-topbar{grid-template-columns:auto auto 1fr}.portal-brand{min-width:0}.nav-toggle{display:inline-flex;justify-self:start}.portal-nav{display:none;grid-column:1/-1;grid-row:2;justify-content:flex-start;flex-wrap:wrap;padding-top:7px;border-top:1px solid var(--line)}.portal-nav.is-open{display:flex}.portal-account{justify-self:end}.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.portal-topbar{grid-template-columns:minmax(0,1fr) auto;padding:8px 18px;gap:10px}.portal-brand>span{display:none}.portal-topbar .nav-toggle{grid-column:2}.portal-account{grid-column:1/-1;display:flex;justify-content:space-between;width:100%;padding-top:7px;border-top:1px solid var(--line)}.portal-account>span{text-align:left}.portal-nav{grid-row:3;display:none;flex-direction:column;align-items:stretch}.portal-nav.is-open{display:flex}.portal-nav a{min-height:44px;display:flex;align-items:center}.portal-welcome,.portal-page-head{display:block}.user-summary{margin-top:20px}.portal-page-head .button{margin-top:17px}.department-grid,.module-grid{grid-template-columns:1fr}.department-card{min-height:126px}.page{padding-top:23px}.auth-shell{padding:16px}.portal-login{padding:25px 23px}.login-heading h1{font-size:21px}}
@media(max-width:420px){.user-summary{grid-template-columns:1fr}.portal-welcome{padding:23px 20px}.portal-login .system-logo--login{width:215px}.portal-login .system-logo--login .system-logo-art{width:215px;height:112px}.portal-login .system-logo--login .system-logo-tagline{font-size:12px}}
.portal-login .system-logo--login{display:flex;margin-left:auto;margin-right:auto}.login-company{text-align:center;margin:0 0 22px}

/* Refined enterprise login */
.auth-shell{position:relative;place-items:start center;padding:clamp(30px,7vh,68px) 20px 30px;background-color:#f7f9f8;background-image:linear-gradient(30deg,rgba(8,123,104,.025) 12%,transparent 12.5%,transparent 87%,rgba(8,123,104,.025) 87.5%),linear-gradient(150deg,rgba(23,63,114,.018) 12%,transparent 12.5%,transparent 87%,rgba(23,63,114,.018) 87.5%);background-size:72px 42px}.portal-login{width:min(420px,100%);padding:25px 34px 22px;border-color:#e2e8e6;box-shadow:0 10px 28px rgba(23,33,43,.075)}.portal-login .system-logo--login{width:176px;margin-bottom:5px}.portal-login .system-logo--login .system-logo-art{width:176px;height:92px}.portal-login .system-logo--login .system-logo-tagline{font-size:10px;padding-top:2px}.login-intro{text-align:center;margin:4px 0 22px}.login-system-name{margin:0 0 11px;color:#087b68;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.login-intro h1{margin:0 0 6px;font-size:30px;line-height:1.15;color:#17212b}.login-intro>p:last-child{margin:0;color:#66736f;font-size:15px}.login-form>label:not(.check){font-size:14px;margin-bottom:6px}.login-form>input,.password-field input{min-height:49px;border:2px solid #c9d3d0;border-radius:11px;background:#fff}.login-form input::placeholder{color:#98a39f}.login-form>input:focus,.password-field input:focus{border-color:#258f7e;outline:3px solid rgba(8,123,104,.15)}.password-field{border-radius:11px}.password-toggle{right:7px;top:7px;bottom:7px;width:38px;padding:7px;border-radius:8px;background:transparent;color:#49635c}.password-toggle:hover{background:#e9f3f0;color:#056252}.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-toggle .eye-closed{display:none}.password-toggle[aria-pressed="true"] .eye-open{display:none}.password-toggle[aria-pressed="true"] .eye-closed{display:block}.login-remember{margin:1px 0 18px!important;font-size:14px}.login-submit{min-height:54px;border-radius:11px;font-size:16px}.login-footer{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:20px;padding-top:16px;border-top:1px solid #e8edeb;color:#7a8581;font-size:11px;line-height:1.4}.welcome-supporting{margin-top:5px!important;font-size:13px}
@media(max-width:560px){.auth-shell{padding:20px 14px}.portal-login{padding:22px 22px 19px}.portal-login .system-logo--login{width:164px}.portal-login .system-logo--login .system-logo-art{width:164px;height:86px}.portal-login .system-logo--login .system-logo-tagline{font-size:9px}.login-intro h1{font-size:27px}}

/* KKIP masterplan login background */
.auth-shell{isolation:isolate;overflow:hidden;background:#17316f}
.auth-shell::before,.auth-shell::after{content:"";position:absolute;pointer-events:none}
.auth-shell::before{z-index:0;inset:-10px;background:url("/images/kkip-masterplan-background.png") center/cover no-repeat;filter:blur(3px);transform:scale(1.015)}
.auth-shell::after{z-index:0;inset:0;background:linear-gradient(135deg,rgba(12,35,86,.28),rgba(8,60,84,.18))}
.auth-shell>*{position:relative;z-index:1}

/* Subtle map activity and frosted-glass login card */
.map-pulses{position:absolute!important;z-index:1!important;inset:0;overflow:hidden;pointer-events:none}
.map-pulses i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#70d8ff;box-shadow:0 0 0 0 rgba(112,216,255,.4),0 0 10px rgba(112,216,255,.75);opacity:.2;animation:map-dot-pulse 5.4s ease-in-out infinite;animation-delay:var(--delay)}
@keyframes map-dot-pulse{0%,72%,100%{opacity:.14;box-shadow:0 0 0 0 rgba(112,216,255,0),0 0 5px rgba(112,216,255,.3)}78%{opacity:.9;box-shadow:0 0 0 7px rgba(112,216,255,.08),0 0 15px rgba(112,216,255,.9)}85%{opacity:.28;box-shadow:0 0 0 12px rgba(112,216,255,0),0 0 6px rgba(112,216,255,.35)}}
.portal-login{overflow:hidden;background:rgba(255,255,255,.88);border-color:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 34px rgba(5,20,55,.2);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%)}
.portal-login::before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,.08) 48%,rgba(210,235,244,.08));pointer-events:none}
.portal-login>*{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.map-pulses i{animation:none;opacity:.35}}

/* Simplified frosted login branding */
.portal-login .system-logo--login{margin-bottom:0}
.portal-login .system-logo-art{border-radius:12px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.portal-login .system-logo-art img{mix-blend-mode:multiply;opacity:1;filter:contrast(1.1) saturate(1.08) drop-shadow(0 5px 12px rgba(20,65,108,.12))}
.portal-login .complete-earth-backdrop{fill:rgba(255,255,255,.32)}
.portal-login .login-intro{margin:2px 0 23px}
.portal-login .login-intro .login-system-name{margin:0;color:#087b68;font-size:12px;font-weight:800;letter-spacing:.06em;line-height:1.35;text-transform:uppercase;white-space:nowrap}