:root{--red:#e21b2d;--dark:#15171a;--muted:#69717d;--line:#e3e6ea;--soft:#f5f6f8;--green:#18864b;--amber:#ad6500;--shadow:0 14px 40px rgba(12,18,28,.09);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--dark);background:#f3f4f6}*{box-sizing:border-box}body{margin:0}a{color:inherit}.topbar{height:68px;background:#111315;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.03em}.mark{width:34px;height:34px;background:var(--red);border-radius:9px;display:grid;place-items:center;color:white;font-weight:900}.container{width:min(1180px,calc(100% - 32px));margin:28px auto 60px}.card{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.hero{padding:38px;background:linear-gradient(130deg,#fff 45%,#fff1f2)}h1{font-size:clamp(30px,4vw,52px);margin:0 0 10px;line-height:1.03}h2{font-size:24px;margin:0 0 18px}h3{margin:0 0 10px}.eyebrow{font-size:12px;font-weight:800;color:var(--red);letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}.btn{appearance:none;border:0;border-radius:10px;background:var(--red);color:white;font-weight:750;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.secondary{background:#24272b}.btn.ghost{background:white;color:var(--dark);border:1px solid var(--line)}.btn.small{padding:8px 12px;font-size:13px}.form-wrap{width:min(720px,calc(100% - 24px));margin:24px auto 60px}.form-head{padding:34px;text-align:center;background:#15171a;color:white;border-radius:20px 20px 0 0}.form-body{padding:30px}.field{margin:0 0 28px}.field label,.label{font-size:14px;font-weight:800;display:block;margin-bottom:9px}.required:after{content:' *';color:var(--red)}input,select,textarea{width:100%;border:1px solid #cfd4da;border-radius:10px;padding:12px 13px;font:inherit;background:white}input:focus,select:focus,textarea:focus{outline:3px solid rgba(226,27,45,.14);border-color:var(--red)}textarea{min-height:125px;resize:vertical}.stars{display:flex;gap:7px;flex-direction:row-reverse;justify-content:flex-end}.stars input{position:absolute;opacity:0}.stars label{font-size:37px;color:#c8cdd3;cursor:pointer;margin:0}.stars input:checked~label,.stars label:hover,.stars label:hover~label{color:#f4b400}.rating-key{font-size:12px;color:var(--muted);margin-top:6px}.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chip{border:1px solid var(--line);border-radius:10px;padding:11px;display:flex;gap:9px;align-items:center;font-size:14px}.chip input{width:auto;accent-color:var(--red)}.choice{display:flex;gap:18px}.choice label{display:flex;gap:7px;align-items:center}.choice input{width:auto}.notice{padding:13px 15px;border-radius:10px;background:#fff4e5;color:#7a4600;margin-bottom:18px}.success{padding:26px;text-align:center}.hidden{display:none!important}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{background:#1a1d21;color:white;padding:24px 14px}.navbtn{width:100%;text-align:left;padding:12px;border:0;background:transparent;color:#c7cbd1;border-radius:9px;font:inherit;cursor:pointer}.navbtn.active,.navbtn:hover{background:#30343a;color:white}.main{padding:26px;overflow:hidden}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:20px}.kpi .value{font-size:32px;font-weight:850;margin-top:8px}.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.panel{padding:20px}.barrow{display:grid;grid-template-columns:135px 1fr 40px;align-items:center;gap:8px;margin:11px 0;font-size:13px}.bar{height:9px;border-radius:10px;background:#eee;overflow:hidden}.bar i{display:block;height:100%;background:var(--red)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filters select{width:auto;min-width:150px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:850px;background:white}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}th{background:#f7f8f9;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#59616c}.badge{display:inline-flex;padding:4px 8px;border-radius:20px;background:#eef0f3;font-size:11px;font-weight:800}.badge.Urgent{background:#ffe4e6;color:#a20e1d}.badge.Resolved,.badge.Closed{background:#dcfce7;color:#126b3a}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:18px;z-index:10}.modal-card{width:min(700px,100%);max-height:90vh;overflow:auto;background:white;border-radius:16px;padding:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-box{background:var(--soft);border-radius:9px;padding:12px}.qrgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qrcard{text-align:center;padding:18px}.qrcard img{width:100%;max-width:240px}.login{width:min(440px,calc(100% - 28px));margin:9vh auto;padding:30px}.login .field{margin-bottom:17px}.demo{background:#fff4e5;padding:12px;border-radius:9px;font-size:13px;margin:14px 0}.logout{background:none;border:0;color:white;cursor:pointer}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;padding:8px}.navbtn{white-space:nowrap}.main{padding:16px}.kpis{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.qrgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.container{width:min(100% - 20px,1180px);margin-top:14px}.form-body{padding:20px}.chips{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr;gap:9px}.kpi{padding:14px}.kpi .value{font-size:25px}.pagehead{align-items:flex-start;flex-direction:column}.qrgrid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.topbar{padding:0 14px}.topbar .muted{display:none}}
.brand-logo{display:block;width:205px;height:44px;object-fit:contain;object-position:center}.brand-logo-form{width:230px;height:50px}.topbar .brand{align-items:center;gap:14px}.topbar .brand-logo{width:auto;height:20px;flex:0 0 auto}.login .brand{width:max-content;margin-inline:auto;background:#000;border-radius:3px}.login .brand-logo{width:220px;height:48px}@media(max-width:560px){.brand-logo-form{width:210px;height:46px}.topbar .brand-logo{width:auto;height:18px}}
.qrgrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.qrcard{min-width:0}.qr-target{width:100%;display:grid;place-items:center}.qr-target svg{display:block;width:min(100%,220px);height:auto}.qrcard .btn{max-width:100%}@media(max-width:560px){.qrgrid{grid-template-columns:minmax(0,1fr)}.qr-target svg{width:min(100%,200px)}}
.qrcard p{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.qrcard [data-download]{margin:8px 4px 0}@media(max-width:850px){.sidebar{scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}}

/* ERP experience system · Fitness Zone blue refresh */
:root{--red:#079ad7;--blue:#079ad7;--blue-dark:#007bb5;--blue-soft:#e8f7fd;--ink:#101820;--dark:#101820;--muted:#657180;--line:#dce2e8;--soft:#f5f8fa;--green:#147a46;--amber:#9a5b00;--shadow:0 10px 30px rgba(15,32,46,.075);background:#eef2f5}
html{overflow-x:clip}body{background:#eef2f5;color:var(--ink);min-width:320px;overflow-x:clip}button,input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(7,154,215,.26);outline-offset:2px}
.topbar{height:72px;background:#101317;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 18px rgba(0,0,0,.18)}.topbar .brand-logo{height:22px}.product-name{border-left-color:#53606b;color:#fff}.logout{border:1px solid #39424b;border-radius:8px;padding:8px 11px}.logout:hover{background:#20262c}
.shell{grid-template-columns:228px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{position:sticky;align-self:start;top:72px;height:calc(100vh - 72px);overflow-y:auto;background:#171b20;padding:22px 14px 34px;border-right:1px solid #252b32;scrollbar-width:thin;scrollbar-color:#3d4650 transparent}.nav-group{color:#83909d;margin-top:22px}.navbtn{position:relative;color:#c6cdd4;font-size:14px;font-weight:560;line-height:1.25;margin:2px 0;padding:11px 12px;border:1px solid transparent}.navbtn:hover{background:#252b32;border-color:#303840}.navbtn.active{background:linear-gradient(100deg,rgba(7,154,215,.22),rgba(7,154,215,.08));border-color:rgba(50,184,237,.28);color:#fff;font-weight:730}.navbtn.active:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;border-radius:3px;background:#25b7ef}
.main{padding:30px clamp(22px,3vw,44px) 64px;overflow:visible;min-width:0}.page{width:min(1460px,100%);margin:0 auto}.pagehead{align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.pagehead h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em}.pagehead .muted{max-width:760px;margin:8px 0 0;line-height:1.55}.eyebrow{color:var(--blue-dark)}
.btn{background:var(--blue);border-radius:9px;min-height:42px;box-shadow:0 4px 12px rgba(7,154,215,.16)}.btn:hover{background:var(--blue-dark);transform:translateY(-1px)}.btn:active{transform:none}.btn.ghost{box-shadow:none;background:#fff;border-color:#cfd7df}.btn.ghost:hover{background:#f5fafc;border-color:#91cfe8;color:#006d9e}.btn:disabled{cursor:not-allowed;opacity:.58;transform:none}
.card{border-color:#e0e5ea;border-radius:15px;box-shadow:var(--shadow)}.kpis{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin-bottom:22px}.kpi{position:relative;min-height:112px;padding:20px 20px 18px;overflow:hidden}.kpi:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue)}.kpi .muted{font-size:13px;font-weight:650}.kpi .value{font-size:31px;letter-spacing:-.04em;color:#111820}
.notice{border:1px solid #f0dfbb;background:#fff8e9;color:#694200}.policy-note{border-left:4px solid #e2a52d}.connection-state{border:1px solid #eed89e}.section-head{margin-top:28px;margin-bottom:12px}.section-head h2{font-size:22px;margin:0 0 4px}.section-head .muted{margin:0}
.filters{background:#f8fafb;border:1px solid var(--line);padding:12px;border-radius:12px;margin:14px 0}.filters input,.filters select{background:#fff;min-height:42px}.filters input[type="search"]{min-width:min(320px,100%);flex:1}input,select,textarea{border-color:#cbd4dc;border-radius:9px;min-height:42px;color:#17212b}input:hover,select:hover,textarea:hover{border-color:#9eabb7}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(7,154,215,.14);border-color:var(--blue)}
.grid2>*{min-width:0}.grid2 .section-head>*{min-width:0}.grid2 .section-head .muted{overflow-wrap:anywhere}.tablewrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;border-color:#dce2e8;border-radius:12px;box-shadow:0 5px 18px rgba(20,34,45,.045);background:#fff;overscroll-behavior-inline:contain}.grid2 .tablewrap table{min-width:100%;table-layout:auto}table{min-width:760px}th{position:sticky;top:0;z-index:1;background:#f4f7f9;color:#4c5966;padding:13px 14px}td{padding:14px;color:#26313c}tbody tr:hover{background:#f7fbfd}tbody tr:last-child td{border-bottom:0}.empty{padding:36px;color:#74808d}
.badge,.status{gap:5px;align-items:center}.badge:before,.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.status.active,.status.pilot,.status.foundation{background:#e5f7ee;color:#11653c}.status.planned{background:#e7f5fb;color:#07678f}.status.future{background:#f2edf8;color:#674389}.badge.Approved,.badge.Accepted,.badge.Completed,.badge.Active,.badge.Open,.badge.Hired,.badge.PO.Issued{background:#e5f7ee;color:#11653c}.badge.Pending,.badge.Pending.Approval,.badge.Pending.CEO.Approval,.badge.In.Progress,.badge.Interview,.badge.Offer,.badge.RFQ.Open{background:#fff5d9;color:#7d5200}.badge.Rejected,.badge.Cancelled,.badge.Withdrawn,.badge.Expired{background:#fce8e9;color:#9a2630}.badge.Draft,.badge.Applied,.badge.Screening,.badge.Final.Review{background:#edf1f4;color:#52606d}
.module-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.module-card{min-height:190px;border-top:3px solid transparent}.module-card:hover{border-top-color:var(--blue);box-shadow:0 14px 34px rgba(15,32,46,.11);transform:translateY(-2px)}.module-card .btn{align-self:flex-start;margin-top:auto}.module-meta{margin-top:0;order:-1}.modal{backdrop-filter:blur(4px);background:rgba(8,15,22,.66)}.modal-card{width:min(760px,100%);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal-card>.pagehead{position:sticky;top:-26px;background:#fff;z-index:3;padding:20px 0 14px;margin-bottom:20px}.detail-box{border:1px solid #e2e7eb}.balance-row,.calendar-row,.schedule-item,.purchase-line{background:#f8fafb}.release-pill{background:var(--blue-soft);color:#07678f;border-color:#b9e4f5}
@media(max-width:850px){.topbar{height:64px;padding:0 16px}.shell{grid-template-columns:1fr;display:block}.sidebar{position:sticky;top:64px;z-index:4;height:auto;display:flex;gap:4px;padding:9px 12px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid #2a3138}.nav-group{display:none}.navbtn{width:auto;min-width:max-content;margin:0;padding:10px 12px}.navbtn.active:before{left:10px;right:10px;top:auto;bottom:2px;width:auto;height:3px}.main{padding:24px 16px 54px}.pagehead{padding-bottom:17px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.topbar .brand-logo{height:18px}.product-name{font-size:15px}.topbar #identity{display:none}.main{padding:20px 12px 44px}.pagehead{gap:16px}.pagehead h1{font-size:28px}.page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.page-actions .btn,.page-actions a.btn{width:100%;min-width:0}.kpis{grid-template-columns:1fr 1fr;gap:9px}.kpi{min-height:94px;padding:16px}.kpi .value{font-size:26px}.module-grid{grid-template-columns:1fr}.module-card{min-height:auto}.filters{display:grid;grid-template-columns:1fr}.filters input,.filters select{width:100%!important;min-width:0!important}.modal{padding:8px;place-items:end center}.modal-card{max-height:94vh;border-radius:18px 18px 8px 8px;padding:20px}.modal-card>.pagehead{top:-20px}.detail-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}table,.grid2 .tablewrap table{min-width:680px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.product-name{display:flex;align-items:center;height:22px;font-size:18px;line-height:20px;font-weight:800;letter-spacing:.16em;border-left:1px solid #555;padding-left:14px}.nav-group{margin:18px 12px 6px;color:#8f969f;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.nav-group:first-child{margin-top:4px}.release-pill{background:#fff1f2;color:#a20e1d;border:1px solid #fecdd3;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.module-card{padding:19px;display:flex;flex-direction:column;gap:10px;min-height:184px}.module-card h2{font-size:19px;margin:0}.module-card p{margin:0;line-height:1.5}.module-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.module-code{font-size:11px;font-weight:850;color:var(--muted)}.status{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:#eef0f3}.status.active,.status.pilot,.status.foundation{background:#dcfce7;color:#126b3a}.status.planned{background:#e0f2fe;color:#075985}.status.future{background:#f3e8ff;color:#6b21a8}.route-list{margin:0;padding-left:20px;color:var(--muted)}.route-list li{margin:10px 0}.loading-card{padding:24px;color:var(--muted)}@media(max-width:1050px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.product-name{height:20px;font-size:16px;line-height:18px;padding-left:12px}.module-grid{grid-template-columns:1fr}.module-card{min-height:auto}.nav-group{display:none}}
.wifi-settings-card{margin-bottom:22px;border-left:4px solid #1990df}.wifi-setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.wifi-setup-steps span{padding:14px;border:1px solid var(--line);border-radius:10px;background:#f8fbfd;line-height:1.45}.wifi-setup-steps strong{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border-radius:50%;background:#1990df;color:#fff}.wifi-branch-list{display:grid;gap:12px;margin:18px 0}.wifi-branch-row{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);gap:20px;align-items:end;padding:16px;border:1px solid var(--line);border-radius:10px}.wifi-branch-row .field{margin:0}.wifi-branch-row code,.wifi-settings-card code{font-family:ui-monospace,Consolas,monospace}@media(max-width:760px){.wifi-setup-steps{grid-template-columns:1fr}.wifi-branch-row{grid-template-columns:1fr;gap:10px}}
.connected-systems{margin:26px 0}.connected-system-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;border-left:4px solid #1990df}.connected-system-card h2{margin:7px 0 5px}.connected-system-card p{margin:0}.connected-system-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#0c0f16;color:#1990df;font-weight:900;letter-spacing:.08em}@media(max-width:760px){.connected-system-card{grid-template-columns:auto 1fr}.connected-system-card .btn{grid-column:1/-1;text-align:center}}
.maintenance-connection-card{max-width:900px}.maintenance-connection-card>p{max-width:720px}.maintenance-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.maintenance-actions div{display:grid;gap:7px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f8fbfd}.maintenance-connection-card>.btn{display:inline-block}@media(max-width:760px){.maintenance-actions{grid-template-columns:1fr}}
.maintenance-filters{margin-top:18px}.maintenance-table{min-width:650px}.maintenance-updated{margin:10px 2px 0;font-size:12px}.badge.warning{background:#fff4d6;color:#865500}.badge.active{background:#dcfce7;color:#126b3a}
.connection-state{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#fff4d6;color:#865500;font-size:12px;font-weight:800}.connection-state.connected{background:#dcfce7;color:#126b3a}.page-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}@media(max-width:760px){.page-actions{justify-content:flex-start}}
.leave-overview{grid-template-columns:1fr 1fr}.balance-list,.leave-calendar{display:grid;gap:10px}.balance-row,.calendar-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fbfd}.balance-row strong,.calendar-row strong{display:block}.balance-amount{font-size:20px;font-weight:850;color:#1990df}.leave-request-head{margin:24px 0 12px}.leave-request-head h2{margin-bottom:4px}.leave-actions{display:flex;gap:6px;flex-wrap:wrap}.leave-actions .btn{padding:7px 10px}.badge.Pending{background:#fff4d6;color:#865500}.badge.Approved{background:#dcfce7;color:#126b3a}.badge.Rejected,.badge.Cancelled{background:#f3e8ff;color:#6b21a8}@media(max-width:760px){.leave-overview{grid-template-columns:1fr}}
.leave-policy-actions{display:flex;align-items:center;gap:10px}.policy-checks label{display:flex;align-items:center;gap:8px;margin:0 0 9px}.policy-checks input{width:auto}
.purchase-line{margin:0 0 14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.procurement-actions{margin-top:20px;flex-wrap:wrap}.procurement-filters{margin-bottom:18px}.procurement-filters select{min-width:220px}.badge.Draft{background:#eef0f3;color:#59616c}.badge.Pending.Approval,.badge.RFQ.Open{background:#fff4d6;color:#865500}.badge.PO.Issued{background:#dcfce7;color:#126b3a}