:root{color-scheme:light;--bg:#f6f7f5;--paper:#fff;--paper-soft:#fafaf8;--ink:#20201e;--muted:#6f716d;--quiet:#9a9d98;--line:#e4e7e2;--line-strong:#d5d9d3;--green:#28745d;--green-dark:#1d5c48;--green-soft:#e7f1ed;--amber:#a2671d;--amber-soft:#fff3df;--red:#b84f57;--red-soft:#fae9eb;--blue:#4267a8;--blue-soft:#eaf0fa;--shadow:0 18px 44px rgba(32,48,41,.08);--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;padding:10px 14px;border-radius:10px;background:var(--ink);color:#fff}.skip-link:focus{top:16px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.88fr) minmax(560px,1.12fr);background:var(--paper-soft)}.login-copy{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 9vw 48px 7vw;overflow:hidden;background:#20201e;color:#fff}.login-copy:after{content:"";position:absolute;right:-220px;bottom:-240px;width:560px;height:560px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 80px #28745d24,0 0 0 160px #28745d14}.login-brand{position:relative;z-index:1;width:230px;padding:10px 14px;border-radius:14px;background:#fafaf8}.login-brand img{display:block;width:100%;height:auto}.login-message{position:relative;z-index:1;max-width:570px;padding-block:80px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#7bc3aa;font-size:11px;font-weight:800;letter-spacing:1.55px;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:2px;background:#7bc3aa;box-shadow:0 0 0 5px #7bc3aa1f}.login-message h1{max-width:620px;margin:22px 0 0;font-size:clamp(48px,5.3vw,78px);line-height:1.02;letter-spacing:-.055em}.login-message h1 em{color:#7bc3aa;font-style:normal}.login-message p{max-width:540px;margin:26px 0 0;color:#c5c9c5;font-size:17px;line-height:1.75}.login-note{position:relative;z-index:1;color:#8f9792;font-size:12px}.login-panel{display:grid;place-items:center;padding:48px}.login-card{width:min(100%,540px);padding:40px;border:1px solid var(--line);border-radius:26px;background:var(--paper);box-shadow:var(--shadow)}.login-card h2{margin:0;font-size:30px;letter-spacing:-.04em}.login-card>p{margin:10px 0 30px;color:var(--muted)}.field{display:grid;gap:7px;margin-top:17px}.field span{font-size:12px;font-weight:700}.field input,.field select{min-height:48px;width:100%;padding:0 14px;border:1px solid var(--line-strong);border-radius:11px;background:#fff;outline:0}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #28745d21}.login-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;color:var(--green);font-size:12px;font-weight:700}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:1px solid transparent;border-radius:11px;background:transparent;cursor:pointer;font-weight:760;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.62;transform:none}.button-primary{background:var(--green);color:#fff;box-shadow:0 8px 20px #28745d2e}.button-primary:hover{background:var(--green-dark)}.button-secondary{border-color:var(--line-strong);background:#fff}.button-quiet{color:var(--muted)}.login-submit{width:100%;margin-top:24px}.preview-divider{display:flex;align-items:center;gap:12px;margin:26px 0;color:var(--quiet);font-size:11px;text-transform:uppercase;letter-spacing:1px}.preview-divider:before,.preview-divider:after{content:"";height:1px;flex:1;background:var(--line)}.role-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-preview button{min-height:92px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--paper-soft);cursor:pointer;text-align:left}.role-preview button:hover{border-color:#28745d61;background:var(--green-soft)}.role-preview strong,.role-preview small{display:block}.role-preview small{margin-top:5px;color:var(--muted)}.preview-warning{margin:18px 0 0;color:var(--quiet);font-size:11px;text-align:center}.login-security{margin-top:16px;padding:11px 13px;border:1px solid #cfe2da;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:10px;font-weight:800;text-align:center}.form-status{min-height:19px;margin:14px 0 0;color:var(--muted);font-size:11px;text-align:center}.form-status.error{color:var(--red)}.form-status.success{color:var(--green)}.security-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--paper-soft)}.security-card{width:min(100%,500px);padding:38px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow);text-align:center}.security-brand{display:block;margin:0 auto 34px}.security-card h1{margin:16px 0 0;font-size:34px;letter-spacing:-.045em}.security-card>p{margin:13px auto 24px;color:var(--muted);line-height:1.7}.security-card .field{text-align:left}.security-card>.button-quiet{margin-top:10px}.mfa-qr{display:block;width:190px;height:190px;margin:20px auto;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff}.security-card details{margin:0 0 22px;color:var(--muted);font-size:11px}.security-card details code{display:block;margin-top:8px;padding:10px;border-radius:8px;background:var(--paper-soft);overflow-wrap:anywhere;color:var(--ink)}.pending-card .login-submit{width:100%}.role-preview.single{grid-template-columns:1fr}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 17px 18px;border-right:1px solid var(--line);background:#fff;overflow-y:auto}.sidebar-brand{width:174px;padding:5px 7px}.sidebar-brand img{display:block;width:100%;height:auto}.workspace-switcher{margin:22px 4px 18px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--paper-soft)}.workspace-switcher small,.workspace-switcher strong{display:block}.workspace-switcher small{color:var(--quiet);font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.workspace-switcher strong{margin-top:4px;font-size:13px}.workspace-switcher span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.nav-section-label{margin:12px 12px 7px;color:var(--quiet);font-size:9px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase}.side-nav{display:grid;gap:3px}.nav-button{width:100%;min-height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:10px;background:transparent;cursor:pointer;color:#555853;text-align:left;font-size:13px;font-weight:650}.nav-button:hover{background:#f5f6f4;color:var(--ink)}.nav-button[aria-current=page]{background:var(--green-soft);color:var(--green-dark)}.nav-icon{width:20px;height:20px;display:grid;place-items:center;color:currentColor;font-size:16px}.sidebar-footer{margin-top:auto;padding:14px 6px 0;border-top:1px solid var(--line)}.user-mini{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff;font-size:12px;font-weight:800}.user-mini strong,.user-mini span{display:block}.user-mini strong{font-size:12px}.user-mini span{color:var(--quiet);font-size:10px}.logout-button{width:34px;height:34px;border:0;border-radius:9px;background:transparent;cursor:pointer;color:var(--muted)}.logout-button:hover{background:var(--red-soft);color:var(--red)}.app-main{min-width:0}.topbar{position:sticky;top:0;z-index:20;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 34px;border-bottom:1px solid var(--line);background:#f6f7f5e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.page-heading h1{margin:0;font-size:24px;letter-spacing:-.04em}.page-heading p{margin:2px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:9px}.role-pill{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:11px;font-weight:700}.mobile-menu{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:20px}.content{padding:30px 34px 60px}.content-inner{width:min(100%,1380px);margin:auto}.context-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.context-bar p{margin:0;color:var(--muted);font-size:12px}.filters{display:flex;align-items:center;gap:8px}.select,.search{min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);outline:0}.search{width:240px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card{min-height:146px;padding:21px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.stat-top{display:flex;justify-content:space-between;gap:14px}.stat-label{color:var(--muted);font-size:11px;font-weight:700}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--green-soft);color:var(--green);font-weight:800}.stat-value{display:block;margin-top:21px;font-size:30px;line-height:1;letter-spacing:-.045em}.stat-note{display:block;margin-top:9px;color:var(--quiet);font-size:10px}.stat-note.good{color:var(--green)}.stat-note.warning{color:var(--amber)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;margin-top:14px}.panel{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.panel-head h2{margin:0;font-size:17px;letter-spacing:-.025em}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.panel-link{border:0;background:transparent;color:var(--green);cursor:pointer;font-size:11px;font-weight:800}.chart-area{height:238px;display:flex;align-items:end;gap:10px;padding:24px 8px 4px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 58px,#f0f2ef 59px,#f0f2ef 60px)}.bar{position:relative;flex:1;min-width:12px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#60a58e,var(--green))}.bar:after{content:attr(data-label);position:absolute;left:50%;bottom:-25px;transform:translate(-50%);color:var(--quiet);font-size:9px}.status-list{display:grid;gap:2px}.status-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.status-row:first-child{border-top:0}.status-dot{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--paper-soft);font-size:15px}.status-row strong,.status-row span{display:block}.status-row strong{font-size:12px}.status-row span{color:var(--quiet);font-size:10px}.badge{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.active,.badge.paid,.badge.online,.badge.approved{background:var(--green-soft);color:var(--green)}.badge.pending,.badge.review,.badge.warning{background:var(--amber-soft);color:var(--amber)}.badge.blocked,.badge.overdue,.badge.offline{background:var(--red-soft);color:var(--red)}.badge.neutral{background:#eff1ee;color:#747771}.table-panel{margin-top:14px;padding:0;overflow:hidden}.table-panel .panel-head{padding:21px 22px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 18px;border-top:1px solid var(--line);text-align:left;font-size:11px;vertical-align:middle}th{background:#fafbf9;color:var(--quiet);font-size:9px;letter-spacing:.7px;text-transform:uppercase}td strong,td small{display:block}td small{margin-top:3px;color:var(--quiet)}.machine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.machine-card{position:relative;min-height:260px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.machine-status{position:absolute;right:16px;top:16px}.machine-visual{width:58px;height:82px;display:grid;place-items:center;margin:18px auto;border:3px solid #30332f;border-radius:11px;background:linear-gradient(#fff 0,#fff 72%,#30332f 72%);color:var(--green);font-size:22px}.machine-card h3{margin:0;text-align:center;font-size:15px}.machine-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px;padding-top:15px;border-top:1px solid var(--line)}.machine-meta small,.machine-meta strong{display:block}.machine-meta small{color:var(--quiet);font-size:8px;text-transform:uppercase;letter-spacing:.6px}.machine-meta strong{margin-top:2px;font-size:10px}.module-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:22px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.module-hero h2{margin:7px 0 0;font-size:29px;letter-spacing:-.045em}.module-hero p{max-width:650px;margin:9px 0 0;color:var(--muted)}.empty-note{padding:42px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#fff;text-align:center}.empty-note strong{display:block;font-size:18px}.empty-note span{display:block;margin-top:7px;color:var(--muted)}.connected-hero{align-items:center}.live-empty{max-width:680px;margin:34px auto;padding:48px;text-align:center}.live-empty .live-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 18px;border-radius:15px;background:var(--green-soft);color:var(--green);font-size:24px;font-weight:900}.live-empty h2{margin:0;font-size:24px;letter-spacing:-.035em}.live-empty p{margin:12px auto 0;color:var(--muted);line-height:1.75}.live-empty small{display:block;margin-top:16px;color:var(--quiet)}.toast{position:fixed;right:22px;bottom:22px;z-index:50;max-width:360px;padding:14px 16px;border-radius:12px;background:#20201e;color:#fff;box-shadow:var(--shadow);font-size:12px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}@media (max-width:1180px){.stats-grid,.machine-grid{grid-template-columns:repeat(2,1fr)}.top-actions .role-pill{display:none}}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-copy{min-height:480px;padding:32px}.login-message{padding-block:55px}.login-panel{padding:30px 18px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;z-index:40;width:270px;transform:translate(-105%);transition:.2s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.mobile-menu{display:block}.topbar{padding:0 20px}.content{padding:24px 20px 50px}.dashboard-grid{grid-template-columns:1fr}.machine-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.login-copy{min-height:410px}.login-message{padding-block:42px}.login-message h1{font-size:44px}.login-card,.security-card{padding:27px 21px}.security-page{padding:18px}.security-card h1{font-size:29px}.role-preview{grid-template-columns:1fr}.topbar{min-height:70px}.page-heading h1{font-size:20px}.top-actions .button-primary{display:none}.content{padding:18px 14px 44px}.context-bar,.filters{align-items:stretch;flex-direction:column}.search{width:100%}.stats-grid,.machine-grid{grid-template-columns:1fr}.stat-card{min-height:130px}.module-hero{align-items:flex-start;flex-direction:column;padding:22px}.module-hero .button{width:100%}.panel{padding:18px}.chart-area{height:210px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}