@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";#splash{position:fixed;inset:0;background:#0b0f10;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .3s ease}#splash.hide{opacity:0;pointer-events:none}.splash-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.splash-logo{max-height:56px;width:auto;height:auto;object-fit:contain;animation:splashFade .6s ease-out}.splash-text{font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:700;letter-spacing:.18em;font-size:16px;color:#ebf8f8eb}@keyframes splashFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root{--accent:#19d38a;--accent2:#24b7ff;--accentWarm:#ffb64d;--bg:#070b12;--bgLayers: radial-gradient(860px 520px at 10% 0%, rgba(36,183,255,.18), transparent 58%), radial-gradient(780px 460px at 92% 8%, rgba(25,211,138,.16), transparent 56%), radial-gradient(900px 620px at 50% 108%, rgba(255,182,77,.1), transparent 62%);--panel:rgba(14,22,36,.72);--border:rgba(164,184,217,.2);--text:#edf4ff;--muted:#b8c6de;--font-main:"Manrope", "Sora", ui-sans-serif, system-ui;--control-h:44px;--control-fs:14px;--control-pad-x:14px;--control-pad-y:11px;--control-radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-main);letter-spacing:.01em}.theme-dark{min-height:100vh;background:var(--bgLayers),var(--bg);color:var(--text)}button{background:linear-gradient(135deg,#24b7ff2e,#19d38a33);border:1px solid rgba(164,184,217,.28);color:var(--text);padding:var(--control-pad-y) var(--control-pad-x);border-radius:var(--control-radius);cursor:pointer;font-size:var(--control-fs);line-height:1.1;min-height:var(--control-h);font-weight:600;letter-spacing:.01em;transition:transform .16s ease,border-color .16s ease,box-shadow .18s ease,filter .18s ease}button:hover{transform:translateY(-1px);border-color:#24b7ff73;box-shadow:0 6px 18px #0a162647;filter:saturate(1.08)}button:active{transform:translateY(0) scale(.985)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #24b7ff38,0 8px 18px #07111c57}button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.75)}input,select{background:var(--panel);border:1px solid rgba(164,184,217,.22);color:var(--text);padding:var(--control-pad-y) var(--control-pad-x);border-radius:var(--control-radius);min-height:var(--control-h);font-size:var(--control-fs);outline:none;transition:border-color .14s ease,box-shadow .14s ease}input:focus,select:focus{border-color:#24b7ff94;box-shadow:0 0 0 3px #24b7ff29}.textArea{width:100%;background:var(--panel);border:1px solid rgba(164,184,217,.22);color:var(--text);padding:10px 12px;border-radius:14px;font-size:14px;min-height:96px;resize:vertical}.appShell{max-width:470px;margin:0 auto;padding:8px 8px 14px;min-height:100vh}.topHeader{display:none}.labelInline{display:inline-flex;align-items:center;gap:8px}.labelIcon{width:16px;height:16px;opacity:.85}.toggleRow{display:flex;align-items:center;gap:10px}.verifyBadge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.verifyBadge.ok{color:#b7f7e6;border-color:#2ec9b799}.verifyBadge.warn{color:#ffc29c;border-color:#ff8c5c99}.dashboardActions{display:flex;justify-content:center;margin-top:8px}.clientsList .machineCard{margin-bottom:10px}.clientsList .rowInline{align-items:flex-start;margin-top:4px}.clientsList .pill{padding:3px 7px;font-size:10px}.clientsList .cardMeta{margin-top:4px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;font-size:11px}.brandRow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;max-width:none;margin:0 auto -18px}.brandLogoSmall{height:40px;width:auto;display:block;object-fit:contain;margin:0}.brandRow .brandLogoSmall{height:120px;margin-top:0;margin-bottom:-16px}.toolbar{position:relative;display:flex;justify-content:space-between;gap:6px;align-items:center;margin-top:8px;min-height:52px}.toolbarGroup{display:inline-flex;gap:6px;flex-wrap:nowrap;align-items:center}.toolbarLeft{justify-content:flex-start}.toolbarCenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);justify-content:center;pointer-events:none}.toolbar .brandLogoSmall{width:138px;max-width:40vw;height:auto;margin:0}.toolbarLeft,.toolbarRight{position:relative;z-index:1;flex:0 0 var(--toolbar-side-w, 132px);max-width:var(--toolbar-side-w, 132px)}.toolbarRight{justify-content:flex-end}.toolbarRight .menuTitleBtn{max-width:100%}.brandWordmark{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:min(56vw,248px);white-space:nowrap}.brandWordmarkIcon{width:24px;height:24px;object-fit:contain;opacity:.97}.brandWordmarkText{display:inline-flex;align-items:baseline;gap:2px;font-size:clamp(20px,2.25vw,24px);font-weight:800;letter-spacing:.01em;color:#e8f3ff;text-shadow:0 4px 14px rgba(4,16,26,.42)}.brandWordmarkAccent{color:#2fd6ff}.menuTitleBtn{background:linear-gradient(135deg,#24b7ff42,#0d1828c2);border:1px solid rgba(36,183,255,.48);color:#f5fbff;padding:7px 13px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.menuItemRow{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.menuBadge{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:11px;padding:0 6px;background:#24b7ff3d;border:1px solid rgba(36,183,255,.52);color:#dff3ff}.menuSectionLabel{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#aec2e4;margin-top:2px}.toolbarBtn{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:999px;font-size:12px;line-height:1.2;min-height:32px}.langSelect{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:6px 28px 6px 10px;border-radius:999px;font-size:12px;line-height:1.2;min-height:32px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='white' d='M1.2 1.4 6 6.2 10.8 1.4' /></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:12px 8px;color-scheme:dark}.langSelect option{color:#111;background:#fff}.userBadge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#0b0f1859;font-size:13px;color:var(--muted);max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userBadge strong{color:var(--accent2)}.userBadge .mutedLight{color:#ff7a7a}.loginShell{margin-top:10px;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:14px}.loginLangPicker{align-self:flex-start;margin-top:8px;opacity:.75}.loginLangInline{display:flex;justify-content:flex-start;margin-top:6px;opacity:.75}.loginLangInline .langSelect,.loginLangPicker .langSelect{font-size:11px;padding:4px 22px 4px 8px;min-height:26px}.loginQuick{width:160px;max-width:100%;background:var(--panel);border:1px solid rgba(164,184,217,.24);border-radius:16px;padding:11px;display:flex;flex-direction:column;gap:8px;height:fit-content;position:relative;box-shadow:0 14px 24px #030a1252}.demoNote{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#ffd7a3;text-align:right}.loginQuick button{width:100%}.loginCard{width:min(92vw,360px);max-width:100%;padding:2px 14px 14px;border-radius:18px;border:1px solid rgba(164,184,217,.24);background:var(--panel);box-shadow:0 16px 34px #030a125c;display:flex;flex-direction:column;gap:8px}.authTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:6px}.authTabs button{width:100%;min-width:0;padding:7px 10px;border-radius:999px;border:1px solid rgba(164,184,217,.22);background:#0d1726bd;font-size:11px;text-transform:uppercase;letter-spacing:.06em;white-space:normal;line-height:1.2}.authTabs button.active{border-color:#24b7ff8c;background:linear-gradient(135deg,#24b7ff3d,#19d38a38)}.signupSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:4px 0 6px}.signupStep{border:1px solid var(--border);background:#ffffff08;border-radius:10px;padding:7px 8px;display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted)}.signupStep span{width:16px;height:16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);font-size:10px}.signupStep.done{border-color:#2ec9b773;background:#2ec9b71f;color:#d8fff8}.signupSectionCard{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:10px;margin-top:8px}.signupSectionHead{margin-bottom:8px}.signupSectionTitle{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.signupSectionHint{font-size:11px;color:var(--muted);margin-top:2px}.signupGrid{width:100%}.signupGrid .textInput,.signupGrid .selectInput,.signupGrid input[type=file]{width:100%;min-width:0}.signupPrimaryBtn{margin-top:10px;width:100%;background:linear-gradient(135deg,#2ec9b73d,#78aaff38);border-color:#7ee6d48c}@media(max-width:760px){.loginShell{gap:10px}.loginQuick{width:min(92vw,360px)}}.ghostBtn{background:#0e172675;border:1px solid rgba(164,184,217,.24);color:var(--text);margin-top:8px;display:block;width:100%}.mapBtn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(126,230,212,.6);background:#2ec9b724;color:var(--text);text-decoration:none;font-size:12px;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease}.mapBtn:hover{transform:translateY(-1px);border-color:#7ee6d4cc;box-shadow:0 8px 18px #05131c57}.pitTaskScreen{display:flex;flex-direction:column;gap:12px;min-height:65vh;align-items:stretch}.pitTaskFull{min-height:auto;padding:12px}.pitTaskFull .cardTitle{font-size:18px;letter-spacing:.01em}.pitTaskFull .cardMeta{font-size:13px}.pitTaskFull .taskRight .taskMeta{font-size:12px}.pitTaskFull .proofInput{font-size:13px}.pitTaskFull .proofComposer{margin-top:10px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#131b27bd,#0e131c9e);box-shadow:inset 0 1px #ffffff14}.pitTaskFull .proofLabel{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#d9e8ff;margin-bottom:6px}.pitTaskFull .proofLabelSpaced{margin-top:10px}.proofSmall{width:100%;max-width:none;min-height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:inset 0 1px #ffffff1a}.proofFile{width:100%;max-width:none;display:block;margin-top:6px;min-height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#ffffff14,#ffffff08);padding:7px 9px}.proofFile::-webkit-file-upload-button{background:linear-gradient(180deg,#0a84ff5c,#0a84ff3d);border:1px solid rgba(100,210,255,.58);color:#eef7ff;padding:6px 11px;border-radius:10px;margin-right:10px;font-weight:700}.proofFile::file-selector-button{background:linear-gradient(180deg,#0a84ff5c,#0a84ff3d);border:1px solid rgba(100,210,255,.58);color:#eef7ff;padding:6px 11px;border-radius:10px;margin-right:10px;font-weight:700}.pitTaskFull .proofSelected{margin-top:7px;font-size:11px;color:#c8d8ee;opacity:.95}.historyList{display:flex;flex-direction:column;gap:10px}.historyList>*{animation:listReveal .24s ease-out both}.historyList>*:nth-child(1){animation-delay:20ms}.historyList>*:nth-child(2){animation-delay:45ms}.historyList>*:nth-child(3){animation-delay:70ms}.historyList>*:nth-child(4){animation-delay:95ms}.historyList>*:nth-child(5){animation-delay:.12s}.historyCard .proofBlock,.machineCard .proofBlock{margin-top:6px;padding:8px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;font-size:12px}.sensorList{margin-top:6px;display:flex;flex-direction:column;gap:6px}.sensorItem{display:flex;justify-content:space-between;gap:8px}.taskCornerLogo{width:34px;height:auto;opacity:.9}.taskMapLeft{display:flex;align-items:center}.primaryBtn{border-color:#78aaffbf;background:#78aaff29}.loginTitle{font-family:Sora,Manrope,ui-sans-serif,system-ui;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px}.loginLabel{font-size:12px;opacity:.8}.checkboxRow{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.linkBtn{background:transparent;border:0;padding:2px 0;color:var(--muted);font-size:12px;text-decoration:underline;cursor:pointer}.brandHome{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:none;min-height:auto}.brandHome:before{content:none}.brandHome:after{content:none}.brandHome:hover{border-color:transparent;box-shadow:none}.brandHome:active{transform:none}.brandHome:focus-visible{outline:none;box-shadow:none}.brandHomeLogo{width:36px;height:30px;object-fit:contain;transition:none}.brandHome:hover .brandHomeLogo,.brandHome:active .brandHomeLogo{transform:none}.content{margin-top:6px}.menuBackdrop{position:fixed;inset:0;background:#060a108c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:30}.menuDrawer{position:absolute;top:4px;left:50%;right:auto;transform:translate(-50%);height:auto;width:calc(100% - 12px);max-width:460px;max-height:76vh;overflow:auto;background:linear-gradient(180deg,#0b1624f2,#0a131ff0);border:1px solid rgba(164,184,217,.24);border-top:1px solid rgba(36,183,255,.32);box-shadow:0 22px 36px #02080f70;border-radius:14px;padding:12px 12px 14px;display:flex;flex-direction:column;gap:10px;animation:slideDown .22s ease-out;transform-origin:top center;will-change:transform}.menuBody button.active{border-color:#78aaff99;background:#78aaff1f}.menuHeader{display:flex;align-items:center;justify-content:space-between}.menuTitle{font-weight:700;font-size:13px;letter-spacing:.07em;text-transform:uppercase}.menuClose{background:transparent;border:0;color:var(--text);font-size:20px;line-height:1;cursor:pointer}.menuBody{display:flex;flex-direction:column;gap:8px}.menuBody button{width:100%;text-align:left;background:#ffffff08;border-color:#a4b8d933;transition:transform .17s ease,border-color .17s ease,background .17s ease,box-shadow .17s ease;opacity:0;transform:translateY(6px);animation:menuItemIn .22s ease-out forwards}.menuBody button:hover{transform:translateY(-1px);box-shadow:0 8px 14px #050f1a42}.menuBody button:nth-of-type(1){animation-delay:35ms}.menuBody button:nth-of-type(2){animation-delay:60ms}.menuBody button:nth-of-type(3){animation-delay:85ms}.menuBody button:nth-of-type(4){animation-delay:.11s}.menuBody button:nth-of-type(5){animation-delay:135ms}.menuBody button:nth-of-type(6){animation-delay:.16s}.menuBody button:nth-of-type(7){animation-delay:185ms}.menuBody button:nth-of-type(8){animation-delay:.21s}.menuBody button.active{border-color:#78aaffbf;background:#78aaff29}.menuDivider{height:1px;background:var(--border);margin:4px 0}.settingsTabs{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.settingsLead{font-size:11px;color:var(--muted);margin-bottom:8px}.settingsTabsInline{flex-direction:row;overflow:auto;padding-bottom:2px}.settingsTabs button{width:100%;text-align:left;padding:8px 12px;border-radius:12px;border:1px solid rgba(164,184,217,.22);background:#0d1726b3;font-size:12px}.settingsTabs button.active{border-color:#24b7ff9e;background:linear-gradient(135deg,#24b7ff3d,#19d38a2e)}.settingsTabsInline button{width:auto;white-space:nowrap;min-height:34px;border-radius:999px}.settingsForm{display:flex;flex-direction:column;gap:10px}.settingsCard{border:1px solid rgba(164,184,217,.24);border-radius:14px;padding:11px;background:linear-gradient(180deg,#111c2cdb,#0b131fc7);display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 20px #030a123d}.settingsCardTitle{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#c6d8f6;font-weight:700}.settingsRow{display:flex;flex-direction:column;gap:6px}.settingsFooter{margin-top:10px;display:flex;justify-content:flex-end}.settingsSaveBtn{min-width:150px}.helpText{font-size:12px;opacity:.7;margin-top:-4px}@keyframes slideIn{0%{transform:translate(12px);opacity:.8}to{transform:translate(0);opacity:1}}@keyframes slideDown{0%{transform:translate(-50%) translateY(-12px);opacity:.8}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes modalRise{0%{transform:translateY(10px) scale(.985);opacity:.78}to{transform:translateY(0) scale(1);opacity:1}}@keyframes menuItemIn{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes listReveal{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes statusPulse{0%{box-shadow:0 0 #78aaff40}70%{box-shadow:0 0 0 7px #78aaff05}to{box-shadow:0 0 #78aaff03}}@keyframes barGrow{0%{transform:scaleX(0);opacity:.55}to{transform:scaleX(1);opacity:1}}.dashTabs{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.dashTabs button{background:#ffffff0a;border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:999px;font-size:12px}.dashTabs button.active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.heroTitle{font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.statRow{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.statCard{padding:10px 8px;border-radius:14px;border:1px solid rgba(164,184,217,.22);background:linear-gradient(180deg,#111d2ee6,#0a1420d1);text-align:center;box-shadow:0 10px 20px #040b123d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.statCard:hover{transform:translateY(-1px);box-shadow:0 13px 24px #040b1252;border-color:#24b7ff57}.statValue{font-size:17px;font-weight:800;color:#f4f9ff}.statLabel{margin-top:3px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.78}.dashboardSection{margin-top:8px;padding:11px 12px;border-radius:16px;border:1px solid rgba(164,184,217,.24);background:linear-gradient(180deg,#24b7ff1f,#ffffff03 32%),var(--panel);box-shadow:0 14px 30px #040a1257}.dashboardNavRail{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.dashQuickBtn{border-radius:999px;padding:8px 11px;min-height:32px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#0d1726b8;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease}.dashQuickBtn:hover{border-color:#24b7ff8f;background:linear-gradient(135deg,#24b7ff38,#19d38a2e)}.sectionBanner{margin-top:8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(164,184,217,.22);background:linear-gradient(90deg,#0a1422e6,#0e1827c2);font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-size:11px;color:#dfecff}.modalBackdrop{position:fixed;inset:0;background:#060a108c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}.modalCard{width:min(92vw,480px);background:linear-gradient(180deg,#0b1624fa,#0a121efa);border:1px solid rgba(164,184,217,.26);border-radius:16px;box-shadow:0 24px 44px #02080f7a;overflow:hidden;max-height:80vh;display:flex;flex-direction:column;animation:modalRise .22s ease-out}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;background:linear-gradient(90deg,#24b7ff29,#19d38a1a);border-bottom:1px solid rgba(164,184,217,.22)}.modalTitle{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.modalClose{width:28px;height:28px;border-radius:10px;background:#0b1420b8;border:1px solid rgba(164,184,217,.24);color:var(--text);padding:0;min-height:auto}.modalBody{padding:12px;font-size:12px;color:var(--muted);overflow:auto}.modalBody p{margin:0 0 6px}@media(max-width:520px){.statRow{grid-template-columns:1fr}}@media(max-width:420px){.toolbar{gap:2px}.toolbarGroup{gap:4px}.toolbarGroup button{font-size:12px;padding:6px 8px}.userBadge{max-width:42vw;font-size:12px}}.formRow{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:6px 0}.textInput{min-width:170px}.selectInput{min-width:120px}.proofInput{width:min(180px,100%)}.machineCard{padding:14px 12px;border-radius:14px;margin-bottom:8px;border:1px solid rgba(164,184,217,.22);background:linear-gradient(180deg,#101b2be6,#0a131fd6);position:relative;box-shadow:0 10px 22px #030a1238;transition:transform .19s ease,box-shadow .19s ease,border-color .19s ease}.machineCard:hover{transform:translateY(-2px);box-shadow:0 14px 28px #030a1257;border-color:#24b7ff57}.requestCard{margin-top:10px;padding:12px;border-radius:14px;border:1px solid rgba(164,184,217,.24);background:linear-gradient(180deg,#101b2beb,#0a131fd6);box-shadow:0 12px 24px #030a123d}.requestTitle{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.requestNote{margin-top:4px;font-size:12px;color:var(--muted)}.requestReview{margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(164,184,217,.24);background:linear-gradient(180deg,#101b2beb,#0a131fd6);box-shadow:0 12px 24px #030a123d}.requestItem{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;margin-top:6px;transition:transform .17s ease,border-color .17s ease,background .17s ease}.requestItem:hover{transform:translateY(-1px);border-color:#24b7ff57;background:#ffffff0d}.requestStatus{display:inline-flex;margin-top:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em}.status-pending{border:1px solid rgba(255,200,120,.45);color:#ffdcaaf2;background:#ffc8781f}.status-approved{border:1px solid rgba(120,255,180,.45);color:#b4ffdcf2;background:#78ffb41f}.status-rejected{border:1px solid rgba(255,120,120,.45);color:#ffbebef2;background:#ff78781f}.requestActions{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.status-ok{border-left:4px solid rgba(124,255,180,.55);background:linear-gradient(90deg,#7cffb41a,#ffffff08 55%)}.machineCard.status-needs_refill,.machineCard.status-needs-refill,.machineCard.needs_refill,.machineCard.needs-refill,.status-needs_refill,.status-needs-refill,[data-status=needs_refill],[data-status=needs-refill],[data-status=NEEDS_REFILL],[data-status="needs refill"],.status-offline{border-left:4px solid rgba(255,120,120,.65);background:linear-gradient(90deg,#ff78781f,#ffffff08 55%)}.task-accepted{border-left:4px solid rgba(120,170,255,.75);background:linear-gradient(90deg,#78aaff1f,#ffffff08 55%)}.task-unaccepted{border-left:4px solid rgba(255,120,200,.75);background:linear-gradient(90deg,#ff78c824,#ffffff08 55%)}.task-done{border-left:4px solid rgba(46,201,183,.75);background:linear-gradient(90deg,#2ec9b71f,#ffffff08 55%)}.cardRow{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;flex-wrap:wrap}.rowInline{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.alignRight{width:100%;justify-content:flex-end}.settingsInline{width:100%;justify-content:flex-start}.settingsInline .ghostBtn{width:auto;margin-top:0}.cardTitle{font-size:12px;font-weight:600;letter-spacing:.02em;margin:0}.cardMeta,.taskMeta{margin-top:2px;font-size:11px;font-weight:400;opacity:.78}.iconMeta{display:inline-flex;align-items:center;gap:6px}.statusPill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--border);transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.status-open{color:#ffb2de;border-color:#ff78c899;background:#ff78c81f;box-shadow:0 0 #ff78c838}.status-in_progress{color:#bcd9ff;border-color:#78aaff99;background:#78aaff1f;box-shadow:0 0 #78aaff3d;animation:statusPulse 2.3s ease-out infinite}.status-done{color:#b7f7e6;border-color:#2ec9b799;background:#2ec9b71f}.photoRow{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.photoPill{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a}.demoBadge{position:absolute;top:8px;right:10px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,200,120,.6);color:#ffd7a3;background:#ffaa461f}.demoBtn{border-color:#ffaa4699;color:#ffd7a3}.ackBtn{padding:4px 10px;font-size:11px;min-height:28px}.formGrid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:560px){.formGrid{grid-template-columns:1fr}}.fieldItem{display:flex;flex-direction:column;gap:6px}.fieldLabel{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.taskActions{margin-top:4px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pitTaskFull .taskActions{width:100%}.taskRight{text-align:right;min-width:120px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.taskCardCompleteBtn{position:absolute;top:12px;right:12px;z-index:3;min-width:122px}.pitTaskMain{display:flex;flex-direction:column;gap:6px;min-width:0}.pitBadges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pitLocationLine{margin-top:2px}.deliveryMeta{margin-top:4px;display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted)}.deliveryBadge{border-color:#24b7ff7a;background:#24b7ff24;color:#dff3ff}.deliveryTimeline{margin-top:10px;padding:10px;border:1px solid rgba(164,184,217,.2);border-radius:12px;background:#08101c61}.deliverySteps{display:flex;flex-direction:column;gap:6px}.deliveryStep{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.deliveryDot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(164,184,217,.34);background:#a4b8d929}.deliveryStep.done .deliveryDot{background:linear-gradient(135deg,#24b7ffeb,#19d38ae6);border-color:#24b7ffb3}.deliveryStep.active .deliveryLabel{color:#e8f6ff;font-weight:700}.deliveryTime{font-size:10px;color:#a9bddc;letter-spacing:.03em}.onlineRow{display:flex;align-items:center;gap:10px;margin-bottom:6px}.onlineToggle{padding:6px 12px;border-radius:999px;font-size:12px;background:#ffffff14}.onlineToggle.on{background:#2ec9b733;border-color:#2ec9b780;color:#c9fff3}.onlinePulse{height:6px;width:100%;max-width:120px;border-radius:999px;background:linear-gradient(90deg,#2ec9b726,#2ec9b799,#2ec9b726);animation:pulse 1.6s infinite ease-in-out}@keyframes pulse{0%{opacity:.4;transform:scaleX(.85)}50%{opacity:1;transform:scaleX(1)}to{opacity:.4;transform:scaleX(.85)}}.badgePill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;border:1px solid var(--border);background:#ffffff0a;text-transform:uppercase;letter-spacing:.04em}.priority-high{border-color:#ff787880;color:#ffb3b3}.priority-normal{border-color:#78aaff80;color:#bcd9ff}.priority-low{border-color:#78ffb480;color:#b7f7e6}.controlSelect{min-height:var(--control-h);font-size:var(--control-fs)}.sectionTitle{font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin:8px 0 6px}.analyticsHint{font-size:11px;color:var(--muted);margin:0 0 8px}.analyticsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.analyticsCard,.analyticsCard .statLabel{text-align:left}.analyticsLists{margin-top:10px;display:flex;flex-direction:column;gap:8px}.analyticsOpsGrid{margin-top:10px;display:grid;grid-template-columns:1fr;gap:8px}.analyticsDispatchGrid{margin-top:6px}.analyticsListTitle{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px}.analyticsSignal{font-size:11px}.analyticsBars{margin-top:4px;display:flex;flex-direction:column;gap:6px}.analyticsBarRow{display:grid;grid-template-columns:52px 1fr 26px;gap:8px;align-items:center}.analyticsBarLabel{font-size:11px;color:var(--muted)}.analyticsBarTrack{height:8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(164,184,217,.18);overflow:hidden}.analyticsBarFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#24b7ffeb,#19d38ad1);transform-origin:left center;animation:barGrow .42s ease-out both}.analyticsBarCount{font-size:11px;font-weight:700;text-align:right}.analyticsMetaRow{margin-top:5px;display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted)}@media(min-width:700px){.analyticsOpsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.logList{font-size:11.5px;max-height:140px;overflow:auto;border:1px solid var(--border);background:var(--panel);border-radius:9px;padding:8px}.rowInline select,.rowInline button{border-color:var(--border)!important;box-shadow:none!important;outline:none!important}.theme-dark{--bg:#070b12;--bgLayers: radial-gradient(860px 520px at 10% 0%, rgba(36,183,255,.18), transparent 58%), radial-gradient(780px 460px at 92% 8%, rgba(25,211,138,.16), transparent 56%), radial-gradient(900px 620px at 50% 108%, rgba(255,182,77,.1), transparent 62%);--panel:rgba(14,22,36,.72);--border:rgba(164,184,217,.2);--text:#edf4ff;--muted:#b8c6de}@media(max-width:520px){.brandRow{max-width:60vw}}@media(max-width:430px){.appShell{padding:6px}.logList{max-height:130px}}@media(min-width:431px)and (max-width:600px){.appShell{max-width:470px}}@media(min-width:601px){.appShell{max-width:520px}}.toastBar{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translate3d(-50%,0,0);will-change:transform,opacity;backface-visibility:hidden;z-index:999;width:fit-content;max-width:calc(100% - 24px);padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#0a0c12eb;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 28px #00000040;font-size:12.5px;animation:toastIn .16s ease-out,toastOut .24s ease-in 3s forwards}.toastBar.success{border-color:#8cffc88c;background:#0c1a14eb}.toastBar.error{border-color:#ff7878a6;background:#1c0a0ceb}.toastBar.info{border-color:#78b4ff8c;background:#0a121ceb}@keyframes toastIn{0%{transform:translate3d(-50%,-10px,0);opacity:0}to{transform:translate3d(-50%,0,0);opacity:1}}@keyframes toastOut{to{transform:translate3d(-50%,-6px,0);opacity:0}}.screenFlash{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:0;animation:flash .32s ease-out}.screenFlash.success{background:#50ffa029}.screenFlash.error{background:#ff50502e}@keyframes flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.networkLoaderBackdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:#080c1285;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.networkLoaderCard{min-width:150px;padding:14px 16px;border-radius:16px;border:1px solid rgba(164,184,217,.34);background:#0d131fe6;box-shadow:inset 0 1px #ffffff1a,0 14px 32px #00000073;display:flex;flex-direction:column;align-items:center;gap:10px}.networkLoaderLogo{width:52px;height:52px;object-fit:contain;animation:networkPulse 1.1s ease-in-out infinite}.networkLoaderText{font-size:13px;color:#d9e8ff;letter-spacing:.02em}@keyframes networkPulse{0%{transform:scale(.95);opacity:.82}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.82}}.slaBadge{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;border:1px solid rgba(160,190,255,.35);background:#78a0ff1a;font-size:11px;font-weight:600;letter-spacing:.02em}.sla-warning{border-color:#ffaa508c;background:#ffaa502e;color:#ffdcbef2}.sla-critical{border-color:#ff5a5aa6;background:#ff5a5a38;color:#ffdcdcfa}.sla-overdue{border-color:#ff4646bf;background:#ff464642;color:#ffdcdc}.slaCard-warning{box-shadow:0 10px 24px #ffaa5029;border-color:#ffaa5059}.slaCard-critical{box-shadow:0 10px 24px #ff5a5a33;border-color:#ff5a5a73}.slaCard-overdue{box-shadow:0 12px 26px #ff464642;border-color:#ff46468c}.task-inprogress{border-left:4px solid rgba(120,170,255,.75);background:linear-gradient(90deg,#78aaff2e,#ffffff08 55%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.menuBody button{opacity:1;transform:none}}:root{--accent:#0a84ff;--accent2:#64d2ff;--accentWarm:#ffd60a;--bg:#050608;--bgLayers: radial-gradient(900px 540px at 8% -8%, rgba(10,132,255,.14), transparent 58%), radial-gradient(760px 460px at 94% 2%, rgba(100,210,255,.1), transparent 54%), radial-gradient(920px 620px at 52% 112%, rgba(255,214,10,.07), transparent 62%);--panel:rgba(19,22,28,.72);--border:rgba(255,255,255,.14);--text:#f5f7fa;--muted:#b7beca;--font-main:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--control-h:42px;--control-fs:13px;--control-pad-x:13px;--control-pad-y:10px;--control-radius:12px}body{letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.theme-dark{background:var(--bgLayers),linear-gradient(180deg,#07090d,#040509)}button{background:linear-gradient(180deg,#ffffff1c,#ffffff0a);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff1f,0 8px 18px #00000057}button:hover{border-color:#64d2ff6b;box-shadow:inset 0 1px #ffffff29,0 10px 22px #0006}button:focus-visible{box-shadow:0 0 0 3px #0a84ff38,inset 0 1px #ffffff24,0 10px 22px #00000061}input,select,.textArea{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-color:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}input:focus,select:focus{border-color:#0a84ff99;box-shadow:0 0 0 3px #0a84ff2e}.menuTitleBtn,.dashQuickBtn,.settingsSaveBtn{background:linear-gradient(180deg,#0a84ff47,#0a84ff29);border-color:#64d2ff75}.menuTitleBtn:hover,.dashQuickBtn:hover,.settingsSaveBtn:hover{background:linear-gradient(180deg,#0a84ff59,#0a84ff33);border-color:#64d2ff9e}.mapBtn{background:linear-gradient(180deg,#64d2ff33,#0a84ff24);border-color:#64d2ff85}.mapBtn:hover{border-color:#64d2ffb3}.loginCard,.loginQuick,.dashboardSection,.settingsCard,.requestCard,.requestReview,.modalCard,.menuDrawer,.statCard,.machineCard,.requestItem{background:linear-gradient(180deg,#1c2028c2,#10141bbd);border-color:#ffffff29;box-shadow:inset 0 1px #ffffff1a,0 14px 28px #0000005c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.machineCard:hover,.requestItem:hover,.statCard:hover{border-color:#64d2ff61}.sectionTitle,.menuTitle,.settingsCardTitle,.requestTitle,.analyticsListTitle,.heroTitle,.loginTitle{text-transform:none;letter-spacing:.02em;font-weight:700}.statusPill,.badgePill{background:#ffffff0f;border-color:#fff3;font-weight:700;letter-spacing:.02em}.status-open{color:#ffd9ef;background:#ff61aa42;border-color:#ff61aab8;box-shadow:inset 0 0 0 1px #ffffff14}.status-in_progress{color:#e6f4ff;background:#0a84ff4d;border-color:#64d2ffd6;box-shadow:inset 0 0 0 1px #ffffff1a}.status-done{color:#e8ffef;background:#30d15845;border-color:#30d158bd;box-shadow:inset 0 0 0 1px #ffffff14}.task-unaccepted{border-left:5px solid rgba(255,97,170,.98);background:linear-gradient(90deg,#ff61aa4d,#0e1218db 68%)}.task-accepted{border-left:5px solid rgba(100,210,255,1);background:linear-gradient(90deg,#0a84ff57,#0e1218db 68%)}.task-done{border-left:5px solid rgba(48,209,88,.98);background:linear-gradient(90deg,#30d1584d,#0e1218db 68%)}.toastBar{border-color:#fff3;background:#12161de6;box-shadow:inset 0 1px #ffffff1f,0 18px 34px #0000006b}.toastBar.success{border-color:#30d15880;background:#0e1c14eb}.toastBar.error{border-color:#ff453a94;background:#200e10f0}.toastBar.info{border-color:#64d2ff80;background:#0e1420f0}@media(max-width:430px){.appShell{padding:8px 8px 12px}}.pitTaskFull .cardRow{align-items:stretch}.pitTaskFull .taskActions button{min-height:36px;padding:8px 11px;font-size:12px}.pitTaskFull .proofInput,.pitTaskFull .proofFile{max-width:100%}.proofFile{font-size:12px}.proofFile::file-selector-button{background:#ffffff14;border:1px solid var(--border);color:var(--text);padding:4px 9px;border-radius:9px;margin-right:8px;font-size:11px}@media(max-width:520px){.toolbar{gap:8px}.toolbarLeft,.toolbarRight{min-width:unset}.toolbar .brandLogoSmall{width:134px;max-width:42vw}.brandWordmark{width:min(46vw,180px);gap:6px}.brandWordmarkIcon{width:19px;height:19px}.brandWordmarkText{font-size:clamp(13px,3.9vw,16px);letter-spacing:0}.menuTitleBtn{font-size:10px;padding:6px 10px;min-height:32px;letter-spacing:.03em}.sectionBanner{font-size:10px;letter-spacing:.05em;padding:9px 10px}.pitTaskFull .cardRow{flex-direction:column;gap:10px}.pitTaskFull .taskRight{width:100%;min-width:0;text-align:left;align-items:stretch;gap:6px}.pitTaskFull .taskActions{width:100%;justify-content:flex-start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pitTaskFull .taskActions .startRouteBtn{grid-column:2}.pitTaskFull .taskActions button{width:100%;white-space:normal;line-height:1.2}.pitTaskFull .proofInput,.pitTaskFull .proofFile{width:100%}.pitTaskFull .cardTitle{font-size:17px}.pitTaskFull .cardMeta{font-size:12px}}@media(max-width:520px){:root{--bg:#030406;--panel:rgba(22,26,34,.78);--border:rgba(255,255,255,.16);--text:#f8fbff;--muted:#c5d0df;--control-h:46px;--control-fs:15px;--control-radius:15px}.theme-dark{background:radial-gradient(720px 420px at 8% -8%,rgba(41,151,255,.25),transparent 56%),radial-gradient(620px 420px at 95% 2%,rgba(48,209,88,.15),transparent 54%),linear-gradient(180deg,#06080d,#020307)}.appShell{max-width:none;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px calc(env(safe-area-inset-bottom,0px) + 16px)}.toolbar{position:sticky;top:calc(env(safe-area-inset-top,0px) + 2px);z-index:25;min-height:58px;padding:8px 10px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#121822c7,#0b1018b8);box-shadow:inset 0 1px #ffffff1f,0 14px 26px #00000057;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.toolbar .brandHomeLogo{width:34px;height:34px}.toolbar .brandWordmark{width:min(50vw,196px)}.toolbar .brandWordmarkText{font-size:clamp(15px,4.1vw,18px);letter-spacing:.01em;font-weight:800}.toolbar .brandWordmarkIcon{width:20px;height:20px}.menuTitleBtn{min-height:36px;padding:7px 12px;font-size:11px;letter-spacing:.04em;border-radius:999px;background:linear-gradient(180deg,#0a84ff57,#0a84ff33);border-color:#64d2ff99;box-shadow:inset 0 1px #ffffff26}.content{margin-top:10px}.sectionBanner{border-radius:15px;padding:11px 12px;font-size:10px;letter-spacing:.08em;color:#e8f4ff;background:linear-gradient(90deg,#081426eb,#082628ad);border:1px solid rgba(110,200,255,.34)}.dashboardSection{border-radius:18px;padding:12px;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff1a,0 18px 32px #00000054}.statCard,.machineCard,.requestCard,.requestReview,.modalCard,.settingsCard{border-radius:18px;border-color:#ffffff29;background:linear-gradient(180deg,#1c212bd6,#10141ccc);box-shadow:inset 0 1px #ffffff1a,0 16px 30px #00000057}.machineCard{padding:14px 13px}.cardTitle{font-size:21px;line-height:1.15;font-weight:800;letter-spacing:0}.cardMeta,.taskMeta{font-size:13px;opacity:.9}.statLabel{font-size:10px;letter-spacing:.06em}.statValue{font-size:30px;line-height:1}.textInput,.selectInput{flex:1 1 100%;width:100%;min-width:0}.formRow{gap:8px}.formRow>button{min-height:44px;padding:10px 13px;font-size:14px}.statusPill,.badgePill,.slaBadge{font-size:11px;padding:4px 9px;font-weight:700}.pitTaskFull .taskActions{grid-template-columns:repeat(2,minmax(0,1fr))}.pitTaskFull .taskActions button{min-height:44px;font-size:14px;font-weight:700;border-radius:13px}.pitTaskFull .taskActions button:last-child{background:linear-gradient(180deg,#30d1585c,#30d15838);border-color:#48e67894}.taskCardCompleteBtn{top:10px;right:10px;min-width:116px}.pitTaskFull .proofComposer{padding:11px;border-radius:15px}.pitTaskFull .proofLabel{font-size:10px;letter-spacing:.06em}.proofFile{min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;padding:7px 10px}.proofFile::file-selector-button{padding:4px 8px;font-size:10px;border-radius:8px}.pitTaskFull .proofSelected{font-size:10px}.modalCard{width:calc(100vw - 14px);max-height:82vh}.modalHeader{padding:12px 13px}.modalBody{padding:13px}}