:root{--blue: #005bbf;--blue-bright: #1a73e8;--blue-700: #0C447C;--blue-800: #001945;--blue-50: #E6F1FB;--green: #16893a;--green-deep: #006d2a;--green-600: #27500A;--green-50: #EAF3DE;--gradient-primary: linear-gradient(135deg, #005bbf, #1a73e8);--gradient-green: linear-gradient(135deg, #16893a, #4ade80);--amber: #e6a700;--amber-deep: #8a5a00;--terra: #c44400;--wa: #25d366;--owner: #534AB7;--owner-50: #EEEDFE;--owner-700: #3C3489;--manager: #185FA5;--manager-50:#E6F1FB;--manager-700:#0C447C;--super: #0F6E56;--super-50: #E1F5EE;--super-700: #085041;--worker: #BA7517;--worker-50: #FAEEDA;--worker-700:#633806;--buyer: #7C3AED;--buyer-50: #F3E8FF;--buyer-700: #5B21B6;--amber-50: #FAEEDA;--amber-700: #854F0B;--amber-800: #633806;--red-50: #FAECE7;--red-600: #A32D2D;--red-700: #993C1D;--teal-50: #E1F5EE;--bg: #f9f9ff;--surface: #ffffff;--ink: #191c23;--ink-2: #414754;--ink-3: #6B7280;--ink-4: #9AA1AE;--line: #E2E6EE;--line-2: #EDF0F5;--r-sheet: 28px;--r-card: 14px;--r-inner: 12px;--r-sm: 10px;--r-pill: 999px;--shadow-sheet: 0 -8px 40px rgba(20,24,31,.18);--shadow-card: 0 1px 3px rgba(20,24,31,.06)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{font-family:Manrope,sans-serif;background:#e4e8ef;color:var(--ink);min-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}h1,h2,h3,.font-display{font-family:Plus Jakarta Sans,sans-serif}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;white-space:nowrap;vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-symbols-outlined.fill{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}#root{min-height:100dvh;width:100%;background:var(--bg);position:relative;display:flex;flex-direction:column}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-scroll{flex:1;overflow-y:auto;padding:16px 14px 96px;display:flex;flex-direction:column;gap:12px;width:100%;align-items:stretch}.app-scroll::-webkit-scrollbar{width:0}@media(min-width:1024px){.app-scroll{padding:88px 32px 32px;gap:18px;max-width:1200px;margin:0 auto}.app-scroll.public-page{padding-top:24px!important}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:2px 4px;margin-bottom:2px}.app-header .greeting{font-size:11px;color:var(--ink-3)}.app-header .title{font-size:18px;font-weight:600;color:var(--ink);margin-top:1px}@media(min-width:1024px){.app-header{padding:8px 4px 12px}.app-header .greeting{font-size:13px}.app-header .title{font-size:26px}}.hdr-btn{width:34px;height:34px;border-radius:var(--r-pill);background:#ffffffb3;border:.5px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hdr-btn i{font-size:19px;color:var(--ink-2)}.avatar{border-radius:50%;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 9px;border-radius:var(--r-pill)}.role-owner{background:var(--owner-50);color:var(--owner-700)}.role-manager{background:var(--manager-50);color:var(--manager-700)}.role-worker{background:var(--worker-50);color:var(--worker-700)}.role-buyer{background:var(--buyer-50);color:var(--buyer-700)}.card{background:var(--surface);border-radius:var(--r-card);padding:14px}.card-blue{background:var(--blue-50)}.card-green{background:var(--green-50)}.card-amber{background:var(--amber-50)}.card-purple{background:var(--owner-50)}.card-red{background:#ffe9e6}.hero{border-radius:var(--r-card);padding:14px 15px;display:flex;align-items:center;gap:12px;margin-bottom:2px}.hero-owner{background:linear-gradient(135deg,#eeedfe,#f4f3ff)}.hero-manager{background:linear-gradient(135deg,#e6f1fb,#f0f6fe)}.hero-worker{background:linear-gradient(135deg,#faeeda,#fef6e8)}.hero-buyer{background:linear-gradient(135deg,#f3e8ff,#faf5ff)}.banner{border-radius:var(--r-card);padding:11px 13px;display:flex;align-items:center;gap:10px}.banner-amber{background:var(--amber-50)}.banner-red{background:var(--red-50)}.banner i{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--r-card);padding:12px 16px;font-size:14px;font-weight:600;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #005bbf47}.btn-secondary{background:var(--surface);color:var(--ink-2);border:.5px solid var(--line)}.btn-danger{background:var(--red-600);color:#fff}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.btn i{font-size:16px}.btn-sm{padding:8px 12px;font-size:12px;border-radius:var(--r-inner)}.text-link{color:var(--blue);font-size:11.5px;font-weight:500;background:none;border:none;padding:0}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.stat-tile{background:var(--surface);border-radius:var(--r-inner);padding:9px 11px}.stat-tile .cap{font-size:9px;color:var(--ink-3);letter-spacing:.3px;text-transform:uppercase}.stat-tile .val{font-size:15px;font-weight:600;margin-top:2px}.sec-label{font-size:10.5px;color:var(--ink-3);letter-spacing:.4px;text-transform:uppercase;margin:4px 3px 2px}.sec-head{display:flex;justify-content:space-between;align-items:baseline;margin:2px 3px}.sec-head .t{font-size:13px;font-weight:600;color:var(--ink)}.list{background:var(--surface);border-radius:var(--r-card);padding:2px 13px}.row{display:flex;align-items:center;gap:10px;padding:11px 0}.row+.row{border-top:.5px solid var(--line-2)}.row .grow{flex:1;min-width:0}.row .r-title{font-size:12.5px;font-weight:500;color:var(--ink)}.row .r-sub{font-size:10.5px;color:var(--ink-3);margin-top:1px}.icon-chip{width:34px;height:34px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-chip.green{background:var(--green-50);color:var(--green)}.icon-chip.red{background:var(--red-50);color:var(--red-700)}.icon-chip.blue{background:var(--blue-50);color:var(--blue)}.pill{font-size:10px;font-weight:500;padding:3px 8px;border-radius:var(--r-pill);white-space:nowrap}.pill-ok{background:var(--green-50);color:var(--green-600)}.pill-due{background:var(--amber-50);color:var(--amber-700)}.pill-loss{background:var(--red-50);color:var(--red-600)}.field{margin-bottom:11px}.field>label{font-size:9px;color:var(--ink-3);letter-spacing:.3px;text-transform:uppercase;display:block;margin:0 3px 5px}.input,.select{width:100%;background:var(--surface);border:.5px solid var(--line);border-radius:11px;padding:11px 12px;font-size:13px;color:var(--ink);outline:none}.input:focus,.select:focus{border-color:var(--blue)}textarea.input{resize:none;line-height:1.5}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-evenly;align-items:center;background:var(--surface);border-top:.5px solid var(--line);padding:8px 10px calc(10px + env(safe-area-inset-bottom));z-index:50;gap:4px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ink-4);text-decoration:none;flex:1;min-width:0;padding:4px 0;border-radius:var(--r-inner)}.nav-item i{font-size:20px}.nav-item .lab{font-size:10px}.nav-item.active{color:var(--blue);background:var(--blue-50)}.nav-item.active .lab{font-weight:600}.nav-fab{width:50px;height:50px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #005bbf73;flex-shrink:0}.nav-fab i{font-size:24px}.nav-fab .lab{display:none}@media(min-width:1024px){.bottom-nav{position:fixed;top:0;bottom:auto;left:0;right:0;height:64px;flex-direction:row;justify-content:space-evenly;border-top:none;border-bottom:.5px solid var(--line);padding:0 24px;gap:0}.nav-item{flex-direction:row;gap:8px;padding:10px 18px;flex:0 1 auto}.nav-item i{font-size:22px}.nav-item .lab{font-size:14px}.nav-fab{width:auto;height:auto;flex-direction:row;gap:8px;padding:10px 22px;flex:0 1 auto;border-radius:var(--r-pill);box-shadow:none}.nav-fab i{font-size:22px}.nav-fab .lab{display:inline-flex;font-size:14px;font-weight:600}}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181f73;display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fade .18s ease}.sheet{width:100%;max-width:420px;background:var(--bg);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:8px 16px calc(20px + env(safe-area-inset-bottom));max-height:92dvh;overflow-y:auto;box-shadow:var(--shadow-sheet);animation:slideup .24s cubic-bezier(.2,.8,.2,1)}.sheet-handle{width:36px;height:4px;background:#cbd2dd;border-radius:2px;margin:4px auto 12px}@media(min-width:768px){.sheet-overlay{align-items:center;animation:none}.sheet{max-width:480px;border-radius:var(--r-sheet);margin:0 16px;max-height:88dvh;animation:fade .18s ease}.sheet-handle{display:none}}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:#14181f;color:#fff;font-size:12.5px;font-weight:500;padding:11px 18px;border-radius:999px;z-index:200;max-width:340px;text-align:center;box-shadow:0 8px 24px #0000004d}.empty{text-align:center;padding:36px 20px;color:var(--ink-3)}.empty i{font-size:34px;color:var(--ink-4)}.empty .et{font-size:14px;font-weight:600;color:var(--ink);margin-top:10px}.map-fallback{border:1px dashed var(--line);border-radius:var(--r-card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ink-3);font-size:11.5px;text-align:center;padding:10px;background:var(--surface)}.map-fallback i{font-size:26px;color:var(--ink-4)}.map-loading{background:var(--line-2);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.map-legend{display:flex;gap:14px;font-size:10.5px;color:var(--ink-3);margin:2px 3px}.map-legend .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:11px;font-weight:500;padding:7px 11px;border-radius:var(--r-pill);background:var(--blue-50);color:var(--blue-700, var(--blue));border:none}.chip:active{opacity:.75}.ai-answer{background:var(--surface);border-radius:var(--r-card);padding:14px;font-size:13px;line-height:1.55;color:var(--ink-2);white-space:pre-wrap}.ai-question{font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:6px}.scan-frame{border:2px dashed var(--line);border-radius:var(--r-card);padding:28px 16px;text-align:center;color:var(--ink-3)}.scan-frame.active{border-color:var(--blue);background:var(--blue-50);color:var(--blue-700)}.preview-img{width:100%;border-radius:var(--r-inner);object-fit:cover;margin-top:8px}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade .2s ease}.login-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);padding:0 20px 28px}@media(min-width:768px){.login-shell{min-height:auto;max-width:460px;margin:48px auto;border-radius:var(--r-sheet);box-shadow:0 20px 60px #14181f24;padding:0 28px 32px}}.login-hero{padding:64px 4px 28px;text-align:center}.login-logo{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700}.login-logo .b{color:var(--blue)}.login-logo .g{color:var(--green-deep)}