:root{--ink: #0e1510;--ink-soft: #3d463f;--gray: #5d6862;--paper: #f6faf5;--card: #ffffff;--sage: #dfeadb;--sage-deep: #c6d8c1;--green: #00a82d;--green-bright: #00d437;--green-tint: #e4f7e6;--pine: #0c3a1e;--red: #c0392b;--amber: #b7791f;--radius: 12px;--radius-lg: 18px;--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--shadow: 0 10px 30px rgba(14, 21, 16, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--green);text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15}h1{font-size:1.6rem}h2{font-size:1.2rem}.page-loading{display:grid;place-items:center;min-height:100vh;color:var(--gray);font-family:var(--font-mono);font-size:.85rem;gap:14px;grid-auto-flow:row;justify-items:center}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fade-in .25s ease both}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--sage);border-top-color:var(--green);animation:spin .7s linear infinite}.btn .spinner{width:14px;height:14px;border-width:2px;border-top-color:currentColor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--sage) 25%,#eef4ec 45%,var(--sage) 65%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}.skeleton-line{height:12px}.skeleton-card{height:190px;border-radius:var(--radius-lg)}.skeleton-row{height:46px}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}.fade-in,.modal,.kebab-menu,.tab-thumb{animation:none!important;transition:none!important}}.logo{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--ink)}.logo em{font-style:normal;color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:.9rem;padding:10px 18px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;background:none;white-space:nowrap;transition:transform .15s ease,background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#00992a}.btn-ghost{color:var(--ink);border-color:var(--sage-deep)}.btn-ghost:hover{border-color:var(--green);color:var(--green)}.btn-danger{color:var(--red);border-color:transparent}.btn-sm{padding:6px 12px;font-size:.8rem}label.field{display:grid;gap:6px;font-family:var(--font-display);font-size:.8rem;font-weight:600}label.field .hint{font-family:var(--font-body);font-weight:400;color:var(--gray)}input,select,textarea{font:inherit;font-size:.92rem;color:var(--ink);background:var(--paper);border:1.5px solid var(--sage-deep);border-radius:10px;padding:9px 12px;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--green);outline:none}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.password-wrap{position:relative}.password-wrap input{padding-right:42px}.password-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;color:var(--gray);padding:6px;border-radius:8px;display:grid;place-items:center;transition:color .2s ease,background .2s ease}.password-eye:hover{color:var(--ink);background:var(--paper)}.error-text{color:var(--red);font-size:.85rem}.ok-text{color:var(--green);font-size:.85rem}.muted{color:var(--gray);font-size:.88rem}.mono{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{background:var(--card);border:1px solid var(--sage);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:420px;padding:30px 28px}.auth-card .logo{display:block;text-align:center;margin-bottom:6px}.auth-sub{text-align:center;color:var(--gray);font-size:.9rem;margin-bottom:20px}.tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--paper);border:1px solid var(--sage);border-radius:999px;padding:4px;margin-bottom:18px}.tabs button{font-family:var(--font-display);font-weight:600;font-size:.85rem;padding:8px 12px;border:none;border-radius:999px;background:none;color:var(--gray);cursor:pointer;white-space:nowrap;position:relative;z-index:1;transition:color .25s ease,background .25s ease,box-shadow .25s ease}.tabs button.active{background:var(--card);color:var(--ink);box-shadow:0 2px 8px #0e151014}.tabs.has-thumb button.active{background:none;box-shadow:none}.tab-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--card);border-radius:999px;box-shadow:0 2px 8px #0e151014;transition:transform .3s cubic-bezier(.3,.9,.3,1);z-index:0}.auth-form{display:grid;gap:12px}.auth-alt{text-align:center;margin-top:14px;font-size:.85rem;color:var(--gray)}.auth-alt button{border:none;background:none;color:var(--green);font-weight:600;cursor:pointer;font-size:.85rem}.link-quiet{border:none;background:none;color:var(--gray);font-size:.8rem;cursor:pointer;transition:color .2s ease}.link-quiet:hover{color:var(--green)}.divider{display:flex;align-items:center;gap:10px;color:var(--gray);font-size:.75rem;margin:6px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--sage)}.btn-google{border-color:var(--sage-deep);color:var(--ink);width:100%}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--pine);color:#fff;padding:22px 16px;display:flex;flex-direction:column;gap:4px}.sidebar .logo{color:#fff;margin-bottom:18px;padding-left:10px}.sidebar .logo em{color:var(--green-bright)}.sidebar a{display:flex;align-items:center;gap:10px;color:#cfe3d2;font-size:.92rem;font-weight:500;padding:9px 12px;border-radius:10px}.sidebar a.active,.sidebar a:hover{background:#ffffff17;color:#fff}.sidebar .spacer{flex:1}.sidebar .org-name{color:#8fae95;font-size:.78rem;padding:0 12px 8px}.sidebar .sign-out{background:none;border:none;color:#cfe3d2;text-align:left;padding:9px 12px;font-size:.88rem;cursor:pointer;border-radius:10px}.sidebar .sign-out:hover{background:#ffffff17;color:#fff}.main{padding:30px 38px;width:100%;min-width:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:26px}.stat{background:var(--card);border:1px solid var(--sage);border-radius:var(--radius);padding:16px 18px}.stat .n{font-family:var(--font-mono);font-size:1.6rem;color:var(--green);line-height:1.2}.stat .l{color:var(--gray);font-size:.8rem}.card{background:var(--card);border:1px solid var(--sage);border-radius:var(--radius-lg);padding:20px}.table-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--sage);border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray);text-align:left;padding:14px 20px;border-bottom:1px solid var(--sage)}td{padding:15px 20px;border-bottom:1px solid var(--sage);vertical-align:middle}tr:last-child td{border-bottom:none}.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.rec-card{background:var(--card);border:1px solid var(--sage);border-radius:var(--radius-lg);padding:18px;position:relative}.rec-card img{height:84px;object-fit:contain;margin:4px auto 12px}.rec-card h3{font-size:1rem}.rec-card .muted{margin-top:2px}.badge{display:inline-block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;padding:3px 10px;border-radius:999px}.badge.ok{background:var(--green-tint);color:var(--green)}.badge.full{background:#fdeaea;color:var(--red)}.badge.new{background:#fdf3e0;color:var(--amber)}.badge.scheduled{background:#e5effa;color:#2a6fb0}.badge.resolved{background:var(--green-tint);color:var(--green)}.fill-bar{height:6px;background:var(--sage);border-radius:999px;overflow:hidden;margin-top:10px}.fill-bar i{display:block;height:100%;background:var(--green);border-radius:999px}.fill-bar.high i{background:var(--red)}.kebab{position:absolute;top:12px;right:12px}.kebab>button{border:none;background:none;cursor:pointer;padding:6px;border-radius:8px;color:var(--gray);font-size:1.05rem;line-height:1}.kebab>button:hover{background:var(--paper);color:var(--ink)}.kebab-menu{position:absolute;right:0;top:32px;background:var(--card);border:1px solid var(--sage);border-radius:var(--radius);box-shadow:var(--shadow);min-width:185px;z-index:20;overflow:hidden;animation:pop-in .16s ease both;transform-origin:top right}.kebab-menu button{display:block;width:100%;text-align:left;padding:10px 14px;border:none;background:none;font-size:.88rem;cursor:pointer;transition:background .15s ease}.kebab-menu button:hover{background:var(--paper)}.modal-back{position:fixed;inset:0;background:#0e151066;display:grid;place-items:center;padding:20px;z-index:50;animation:fade-in .18s ease both}.modal{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:460px;padding:24px;max-height:90vh;overflow-y:auto;animation:pop-in .22s cubic-bezier(.2,.9,.3,1) both}.modal h2{margin-bottom:14px}.modal form{display:grid;gap:12px}.row{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.type-grid button{background:var(--paper);border:1.5px solid var(--sage-deep);border-radius:var(--radius);padding:10px 8px;cursor:pointer;display:grid;gap:6px;justify-items:center;font-size:.75rem;font-weight:600;font-family:var(--font-display);color:var(--ink-soft)}.type-grid button img{height:52px;object-fit:contain}.type-grid button.selected{border-color:var(--green);background:var(--green-tint);color:var(--ink)}.portal-head{background:var(--pine);color:#fff;padding:18px 0}.portal-head .inner,.portal-body{max-width:880px;margin:0 auto;padding:0 22px}.portal-head .inner{display:flex;align-items:center;justify-content:space-between}.portal-head .logo{color:#fff}.portal-head .logo em{color:var(--green-bright)}.portal-head button{background:none;border:none;color:#cfe3d2;cursor:pointer;font-size:.85rem}.portal-body{padding:28px 22px 60px}.portal-body h1{margin-bottom:4px}.portal-body>.muted{margin-bottom:24px}.portal-section{margin-top:34px}.portal-section h2{margin-bottom:12px}.empty{border:1.5px dashed var(--sage-deep);border-radius:var(--radius-lg);padding:34px 24px;text-align:center;color:var(--gray)}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:stretch}.map-canvas{height:calc(100vh - 200px);min-height:420px;border-radius:var(--radius-lg);border:1px solid var(--sage);overflow:hidden}.map-panel{background:var(--card);border:1px solid var(--sage);border-radius:var(--radius-lg);padding:18px;max-height:calc(100vh - 200px);overflow-y:auto}.map-panel h2{font-size:1.05rem}.map-panel h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);color:var(--gray)}.msg-layout{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}.msg-list{display:grid;gap:8px;max-height:70vh;overflow-y:auto}.msg-item{text-align:left;background:var(--card);border:1px solid var(--sage);border-radius:var(--radius);padding:12px 14px;cursor:pointer;display:grid;gap:4px;font:inherit}.msg-item.active{border-color:var(--green)}.msg-thread{background:var(--card);border:1px solid var(--sage);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:60vh;max-height:74vh}.msg-thread-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--sage)}.msg-scroll{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.msg-bubble{max-width:78%;padding:10px 14px;border-radius:14px;font-size:.9rem;line-height:1.45}.msg-bubble .msg-meta{display:block;font-size:.62rem;opacity:.65;margin-bottom:3px}.msg-bubble.customer{align-self:flex-start;background:var(--paper);border:1px solid var(--sage)}.msg-bubble.customer-self{align-self:flex-end;background:var(--green);color:#fff}.msg-bubble.agent{align-self:flex-end;background:var(--green-tint)}.msg-bubble.staff{align-self:flex-end;background:var(--pine);color:#fff}.msg-compose{display:flex;gap:10px;padding:12px;border-top:1px solid var(--sage)}.msg-compose input{flex:1}.portal-chat{background:var(--card);border:1px solid var(--sage);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;margin-bottom:10px}.portal-chat .msg-bubble.agent{align-self:flex-start}.drive-wrap{max-width:560px;margin:0 auto;padding-bottom:60px}.drive-head{display:flex;align-items:center;gap:12px;padding:14px 16px}.drive-head .muted{flex:1;font-size:.8rem}.link-btn{border:none;background:none;color:var(--green);font-weight:600;cursor:pointer;font-size:.85rem}.drive-map{height:34vh;min-height:200px;border-radius:var(--radius-lg);border:1px solid var(--sage);overflow:hidden;margin:0 12px}.drive-current{background:var(--card);border:1px solid var(--sage);border-radius:var(--radius-lg);margin:14px 12px;padding:16px}.drive-current h2{font-size:1.15rem}.drive-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.btn-big{font-family:var(--font-display);font-weight:700;font-size:1.05rem;padding:18px 10px;border-radius:var(--radius-lg);border:none;cursor:pointer;color:#fff}.btn-big.ok{background:var(--green)}.btn-big.bad{background:var(--red)}.btn-big:active{transform:scale(.98)}.drive-list{margin:0 12px;display:grid;gap:8px}.drive-stop{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--sage);border-radius:var(--radius);padding:10px 14px}.drive-stop.done{opacity:.55}.drive-stop .mono{color:var(--green)}.drive-stop>div{flex:1}.topbar,.scrim{display:none}@media(max-width:800px){.map-layout{grid-template-columns:1fr}.map-canvas{height:45vh;min-height:300px}.map-panel{max-height:none}.shell{grid-template-columns:1fr}.topbar{display:flex;align-items:center;gap:12px;position:fixed;top:0;left:0;right:0;z-index:55;background:var(--pine);color:#fff;padding:12px 16px}.topbar .logo{color:#fff;margin:0}.topbar .logo em{color:var(--green-bright)}.hamburger{width:26px;height:20px;position:relative;background:none;border:none;cursor:pointer;padding:0}.hamburger span,.hamburger span:before,.hamburger span:after{content:"";position:absolute;left:0;width:26px;height:2.5px;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .25s ease}.hamburger span{top:9px}.hamburger span:before{top:-8px}.hamburger span:after{top:8px}.hamburger.open span{transform:rotate(45deg)}.hamburger.open span:before{transform:rotate(-90deg) translate(-8px)}.hamburger.open span:after{opacity:0}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:60;width:min(78vw,300px);transform:translate(-105%);transition:transform .28s ease;box-shadow:4px 0 24px #00000040}.sidebar.open{transform:none}.scrim{display:block;position:fixed;inset:0;z-index:58;background:#0a140c73;opacity:0;pointer-events:none;transition:opacity .28s ease}.scrim.show{opacity:1;pointer-events:auto}.main{padding:74px 16px 24px}}.field-page{max-width:480px;margin:0 auto;padding:24px 18px 48px;animation:fade-in .3s ease}.field-page h1{font-size:1.4rem}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px;vertical-align:baseline;transition:background .3s ease}.dot-ok{background:#16a34a;box-shadow:0 0 0 3px #16a34a26}.dot-off{background:#9ca3af}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 14px;font:500 .9rem/1 var(--font-body);color:#3c4043;background:#fff;border:1px solid #dadce0;border-radius:10px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.google-btn:hover{background:#f8f9fa;border-color:#d2e3fc;box-shadow:0 1px 3px #3c404326}.google-btn:active{background:#f1f3f4}.auth-sub{min-height:3.1em;display:flex;align-items:center;justify-content:center}.emu-banner{background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;color:#78350f;font-size:.8rem;padding:8px 12px;margin-bottom:14px}.emu-banner a{color:inherit;font-weight:600}.back-link{position:fixed;top:18px;left:22px;font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--ink);text-decoration:none;transition:color .2s ease}.back-link:hover{color:var(--green)}.build-stamp{text-align:center;color:var(--gray);opacity:.6;font-size:.65rem;margin-top:10px}.avatar{border-radius:50%;object-fit:cover}.avatar-lg{width:64px;height:64px}.avatar-initials{display:inline-flex;align-items:center;justify-content:center;background:var(--pine);color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.3rem}.check-row{display:flex;align-items:center;gap:8px;font-size:.9rem;margin-bottom:8px;cursor:pointer}.check-row input{width:auto}.pick-list{max-height:160px;overflow-y:auto;border:1px solid var(--sage);border-radius:10px;padding:8px 10px}.field-page label.field,.field-page>form>.field{margin-bottom:18px}.geo-map{height:230px;border-radius:12px;border:1px solid var(--sage);overflow:hidden}.steps{display:flex;gap:4px;list-style:none;margin:0 0 20px;padding:0}.steps li{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-display);font-weight:600;font-size:.78rem;color:var(--gray);padding:8px 4px;border-bottom:3px solid var(--sage);transition:color .25s ease,border-color .25s ease}.steps li.current{color:var(--ink);border-color:var(--green)}.steps li.done{color:var(--green);border-color:var(--green);cursor:pointer}.step-dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.7rem;background:var(--sage);color:var(--ink);transition:background .25s ease,color .25s ease}.steps li.current .step-dot{background:var(--green);color:#fff}.steps li.done .step-dot{background:var(--green-tint);color:var(--green)}.qr-video{width:100%;max-height:320px;object-fit:cover;border-radius:12px;border:1px solid var(--sage);background:#000}.id-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.id-value{border:none;background:var(--paper);border-radius:8px;padding:4px 10px;cursor:pointer;color:var(--ink);transition:background .2s ease;word-break:break-all;text-align:left}.id-value:hover{background:var(--sage)}.me-dot{width:16px;height:16px;border-radius:50%;background:#1a73e8;border:3px solid #fff;box-shadow:0 0 0 2px #1a73e859,0 1px 6px #0000004d}.filter-wrap{position:relative;display:inline-block}.filter-on{border-color:var(--green);color:var(--green)}.filter-scrim{position:fixed;inset:0;z-index:40}.filter-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:41;background:var(--card);border:1px solid var(--sage);border-radius:14px;box-shadow:var(--shadow);padding:14px;width:240px;animation:pop-in .2s ease}.rec-row{border-bottom:1px solid var(--sage)}.rec-row:last-child{border-bottom:none}.rec-row-head{display:flex;align-items:center;gap:10px;width:100%;padding:10px 4px;border:none;background:none;cursor:pointer;text-align:left;font:inherit;transition:background .2s ease;border-radius:8px}.rec-row-head:hover{background:var(--paper)}.rec-row-head img{width:34px;height:34px;object-fit:contain;flex:none}.rec-row-head .grow{flex:1;min-width:0}.rec-row-head .grow strong{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-row-detail{padding:4px 4px 14px;animation:fade-in .2s ease}.sensor-chip{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:6px 12px;background:var(--paper);border:1px solid var(--sage);border-radius:999px;font-size:.78rem;color:var(--ink);font-family:var(--font-mono);font-weight:600;letter-spacing:.04em}.sensor-chip .chip-batt{color:var(--gray);font-weight:400}.sensor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;text-align:center}.sensor-stats>div{background:var(--paper);border:1px solid var(--sage);border-radius:12px;padding:10px 4px}.stat-num{display:block;font-family:var(--font-display);font-weight:700;font-size:1.15rem}.stat-label{display:block;font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray);margin-top:2px}.sensor-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-top:12px}.sensor-actions .btn{width:100%;min-width:0;padding-left:10px;padding-right:10px}.pair-status{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.pair-chip{padding:7px 14px;border-radius:999px;border:1.5px dashed var(--sage-deep);color:var(--gray);font-family:var(--font-display);font-weight:600;font-size:.82rem;transition:all .25s ease}.pair-chip.got{border-style:solid;border-color:var(--green);color:var(--green);background:var(--green-tint)}