:root{--bg:#f2faf5;--surface:#fff;--surface2:#edf7f0;--border:#d0e2d6;--accent:#0fb45f;--accent2:#0a93d5;--accent3:#d98b06;--accent4:#e33d62;--text:#122519;--text2:#53715f;--text3:#8aa392;--radius:14px;--mono:"IBM Plex Mono",monospace;--sans:"Sarabun",sans-serif}*{box-sizing:border-box;margin:0;padding:0}#__nuxt,body,html{min-height:100%}body{background:radial-gradient(circle at 10% -10%,rgba(15,180,95,.1),transparent 38%),radial-gradient(circle at 95% 5%,rgba(10,147,213,.1),transparent 35%),var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;overflow-x:hidden}nav{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f2faf5eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 40px;position:sticky;top:0;z-index:100}.logo{color:var(--accent);font-family:var(--mono);font-size:1.3rem;font-weight:600;letter-spacing:-1px}.logo span{color:var(--text2)}.nav-tabs{display:flex;flex-wrap:wrap;gap:6px}.tab-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text2);cursor:pointer;display:inline-flex;font-family:var(--sans);font-size:.88rem;padding:8px 16px;text-decoration:none;transition:all .2s}.tab-btn.active,.tab-btn:hover{background:var(--surface2);border-color:var(--border);color:var(--text)}.tab-btn.active{border-color:var(--accent);color:var(--accent)}.admin-head{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.admin-head .page-sub,.admin-subtabs{margin-bottom:0}.admin-subtabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.admin-subtab{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text2);display:inline-flex;font-size:.84rem;font-weight:600;justify-content:center;padding:8px 14px;text-decoration:none;transition:all .2s}.admin-subtab.active,.admin-subtab:hover{border-color:var(--accent);color:var(--accent)}.admin-subtab.active{background:var(--surface2)}.admin-dashboard-top{align-items:start;margin-bottom:24px}.admin-dashboard-top .order-table{margin-bottom:0}.admin-map-full{height:360px;margin-bottom:20px}.admin-dashboard-bottom{align-items:start}.admin-dashboard-bottom .card,.admin-dashboard-bottom .order-table{margin-bottom:0}.section{display:none;margin:0 auto;max-width:1200px;padding:40px}.section.active{display:block}.page-title{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;font-size:1.8rem;font-weight:800;margin-bottom:6px;-webkit-text-fill-color:transparent}.page-sub{color:var(--text2);font-size:.95rem;margin-bottom:32px}.grid-2{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grid-2>*{min-width:0}.admin-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;padding:24px;position:relative}.card:before{background:linear-gradient(90deg,var(--accent),transparent);content:"";height:2px;left:0;position:absolute;right:0;top:0}.card.blue:before{background:linear-gradient(90deg,var(--accent2),transparent)}.card.gold:before{background:linear-gradient(90deg,var(--accent3),transparent)}.card.red:before{background:linear-gradient(90deg,var(--accent4),transparent)}.card-title{color:var(--text2);font-family:var(--mono);font-size:.8rem;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.card-value{color:var(--accent);font-family:var(--mono);font-size:2.2rem;font-weight:800}.card.blue .card-value{color:var(--accent2)}.card.gold .card-value{color:var(--accent3)}.card.red .card-value{color:var(--accent4)}.card-label{color:var(--text3);font-size:.85rem;margin-top:4px}.chat-container{align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}.phone-frame{background:#f7fff9;border:2px solid var(--border);border-radius:28px;box-shadow:0 24px 60px #12251924,0 0 0 1px #0fb45f14;overflow:hidden}.phone-header{background:#06c755;gap:10px;padding:14px 18px}.bot-avatar,.phone-header{align-items:center;display:flex}.bot-avatar{background:#fff;border-radius:50%;font-size:1.2rem;height:36px;justify-content:center;width:36px}.bot-info .bot-name{color:#fff;font-size:.95rem;font-weight:700}.bot-info .bot-status{color:#ffffffd9;font-size:.75rem}.chat-body{background:#f4fbf6;display:flex;flex-direction:column;gap:10px;height:420px;overflow-y:auto;padding:16px}.msg{max-width:80%}.msg.bot{align-self:flex-start}.msg.user{align-self:flex-end}.msg-bubble{border-radius:16px;font-size:.88rem;line-height:1.5;padding:10px 14px}.msg.bot .msg-bubble{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000001a;color:#333}.msg.user .msg-bubble{background:#06c755;border-bottom-right-radius:4px;color:#fff}.msg-time{color:#999;font-size:.7rem;margin-top:3px}.msg.user .msg-time{text-align:right}.quick-replies{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.qr-btn{background:#fff;border:1px solid #06c755;border-radius:20px;color:#06c755;cursor:pointer;font-family:var(--sans);font-size:.82rem;padding:5px 12px;transition:all .15s}.qr-btn:hover{background:#06c755;color:#fff}.chat-input-bar{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:10px 12px}.chat-input-bar input{border:1px solid #e0e0e0;border-radius:20px;flex:1;font-family:var(--sans);font-size:.85rem;outline:none;padding:8px 14px}.chat-send-btn{background:#06c755;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:34px;width:34px}.flow-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.flow-title{color:var(--accent);font-size:1rem;font-weight:700;margin-bottom:20px}.flow-step{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:14px 0}.flow-step:last-child{border-bottom:none}.flow-num{align-items:center;background:var(--accent);border-radius:50%;color:#000;display:flex;flex-shrink:0;font-family:var(--mono);font-size:.85rem;font-weight:700;height:32px;justify-content:center;width:32px}.fn-blue{background:var(--accent2)!important}.fn-gold{background:var(--accent3)!important}.flow-content .flow-label{font-size:.95rem;font-weight:600;margin-bottom:3px}.flow-content .flow-desc{color:var(--text2);font-size:.82rem}.flow-arrow{color:var(--text3);font-size:1.2rem;margin:2px 0 2px 57px;text-align:center}.live-status{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:999px;color:var(--text2);display:inline-flex;font-family:var(--mono);font-size:.76rem;gap:6px;padding:4px 10px}.live-status.ok{border-color:#0fb45f59;color:var(--accent)}.live-status.bad{border-color:#e33d6259;color:var(--accent4)}.stats-row{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.order-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.orders-live-table{overflow-x:auto}.table-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.table-header .badge{flex-shrink:0}.table-title{font-size:1rem;font-weight:700}.badge{background:var(--accent);border-radius:20px;color:#000;font-family:var(--mono);font-size:.75rem;font-weight:700;padding:3px 10px}.badge.blue{background:var(--accent2)}.badge.gold{background:var(--accent3)}.badge.red{background:var(--accent4);color:#fff}table{border-collapse:collapse}.order-table table,table{width:100%}.orders-live-table table{min-width:760px;table-layout:fixed}.admin-order-id{color:var(--text3);display:inline-block;font-family:var(--mono);font-size:.76rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.admin-pickup-address{color:var(--text3);font-size:.78rem;line-height:1.32}.admin-pickup-address,.admin-waste-cell{overflow-wrap:anywhere}.table-header-controls{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.table-header-bottom,.table-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.table-page-meta{color:var(--text2);font-family:var(--mono);font-size:.78rem}.pager-controls{align-items:center;display:flex;gap:8px}.pager-btn{min-width:92px}th{background:var(--surface2);color:var(--text3);font-family:var(--mono);font-size:.78rem;letter-spacing:.5px;padding:10px 20px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid var(--border);font-size:.88rem;padding:12px 20px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2)}.status-pill{border-radius:20px;display:inline-block;font-family:var(--mono);font-size:.75rem;font-weight:600;padding:4px 10px}.s-pending{background:#ffb80026;border:1px solid rgba(255,184,0,.3);color:var(--accent3)}.s-assigned{background:#00c4ff26;border:1px solid rgba(0,196,255,.3);color:var(--accent2)}.s-done{background:#2dff6e26;border:1px solid rgba(45,255,110,.3);color:var(--accent)}.s-failed{background:#e33d621f;border:1px solid rgba(227,61,98,.32);color:var(--accent4)}.action-btn{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text2);cursor:pointer;font-family:var(--sans);font-size:.8rem;padding:5px 10px;transition:all .15s}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.action-btn:disabled{border-color:var(--border);color:var(--text3);cursor:not-allowed;opacity:.45}.action-btn.primary{border-color:var(--accent2);color:var(--accent2)}.admin-workflow-panel{margin-bottom:18px}.admin-wf-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:10px}.wf-log{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text2);font-family:var(--mono);font-size:.75rem;min-height:84px;padding:10px;white-space:pre-wrap;word-break:break-word}.wf-log.ok{border-color:#0fb45f59;color:var(--accent)}.wf-log.bad{border-color:#e33d6259;color:var(--accent4)}.map-mock{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);height:300px;overflow:hidden;padding:20px;position:relative}.map-bg{background:repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(138,163,146,.28) 0,rgba(138,163,146,.28) 31px),repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(138,163,146,.28) 0,rgba(138,163,146,.28) 31px);inset:0}.map-bg,.map-pin{position:absolute}.map-pin{border-radius:50%;cursor:pointer;height:12px;transform:translate(-50%,-50%);width:12px}.map-pin.green{background:var(--accent);box-shadow:0 0 12px var(--accent)}.map-pin.blue{background:var(--accent2);box-shadow:0 0 12px var(--accent2)}.map-pin.gold{background:var(--accent3);box-shadow:0 0 12px var(--accent3)}.map-pin:after{background:#000c;border-radius:4px;color:#fff;content:attr(data-label);font-size:.7rem;left:50%;padding:2px 6px;position:absolute;top:-22px;transform:translate(-50%);white-space:nowrap}.map-title{font-size:.95rem;font-weight:700;margin-bottom:12px;position:relative;z-index:2}.map-legend{bottom:16px;display:flex;flex-direction:column;gap:6px;left:16px;position:absolute;z-index:2}.legend-item{align-items:center;color:var(--text2);display:flex;font-size:.78rem;gap:8px}.legend-dot{border-radius:50%;height:10px;width:10px}.driver-grid{display:grid;gap:24px;grid-template-columns:360px 1fr}.driver-header{align-items:center;background:linear-gradient(135deg,#ecfaf1,#ddf5e7);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.driver-header .dtitle{color:var(--accent);font-size:1rem;font-weight:700}.driver-header .dsub{color:var(--text2);font-size:.78rem}.job-card-phone{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:12px;padding:14px}.job-card-phone .job-num{color:var(--text3);font-family:var(--mono);font-size:.75rem}.job-card-phone .job-addr{font-size:.9rem;font-weight:600;margin:4px 0}.job-card-phone .job-items{color:var(--text2);font-size:.82rem}.job-card-phone .job-actions{display:flex;gap:8px;margin-top:10px}.j-btn{border:none;border-radius:8px;cursor:pointer;flex:1;font-family:var(--sans);font-size:.82rem;font-weight:600;padding:8px}.j-btn.green{background:var(--accent);color:#000}.j-btn.outline{background:transparent;color:var(--text2)}.j-btn.outline,.weigh-panel{border:1px solid var(--border)}.weigh-panel{background:var(--surface);border-radius:var(--radius);padding:24px}.weigh-title{align-items:center;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin-bottom:20px}.form-row{margin-bottom:16px}.form-label{color:var(--text2);display:block;font-family:var(--mono);font-size:.82rem;margin-bottom:6px}.form-input{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--sans);font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.form-input:focus{border-color:var(--accent)}.form-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.photo-upload{background:var(--surface2);border:2px dashed var(--border);border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:border-color .2s}.photo-upload:hover{border-color:var(--accent2)}.photo-upload .pu-icon{font-size:2rem;margin-bottom:6px}.photo-upload .pu-text{color:var(--text2);font-size:.82rem}.calc-result{background:linear-gradient(135deg,#2dff6e1a,#00c4ff0d);border:1px solid rgba(45,255,110,.3);border-radius:12px;margin-top:16px;padding:20px}.calc-row{align-items:center;border-bottom:1px solid rgba(18,37,25,.06);display:flex;justify-content:space-between;padding:6px 0}.calc-row:last-child{border-bottom:none}.calc-key{color:var(--text2);font-size:.85rem}.calc-val{font-family:var(--mono);font-size:.9rem;font-weight:600}.calc-total{color:var(--accent);font-size:1.1rem!important}.submit-btn{background:var(--accent);border:none;border-radius:10px;color:#000;cursor:pointer;font-family:var(--sans);font-size:1rem;font-weight:700;margin-top:16px;padding:14px;transition:opacity .2s;width:100%}.submit-btn:hover{opacity:.85}.diagram{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:center}.dia-row{align-items:center;display:flex;flex-wrap:wrap;gap:0;justify-content:center}.dia-box{background:var(--surface2);border:1px solid var(--border);border-radius:10px;min-width:130px;padding:14px 20px;text-align:center}.dia-box .dia-icon{font-size:1.8rem;margin-bottom:4px}.dia-box .dia-label{font-size:.8rem;font-weight:600}.dia-box .dia-sub{color:var(--text3);font-size:.72rem;margin-top:2px}.dia-box.green{border-color:var(--accent)}.dia-box.blue{border-color:var(--accent2)}.dia-box.gold{border-color:var(--accent3)}.dia-arrow{color:var(--text3);font-size:1.4rem;padding:0 8px}.dia-section-title{color:var(--text3);font-family:var(--mono);font-size:.75rem;letter-spacing:1px;margin:24px 0 16px;text-transform:uppercase}.tech-stack{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.tech-tag{background:var(--surface2);border:1px solid var(--border);border-radius:20px;color:var(--text2);font-family:var(--mono);font-size:.78rem;padding:6px 14px}.tech-tag.green{border-color:var(--accent);color:var(--accent)}.tech-tag.blue{border-color:var(--accent2);color:var(--accent2)}.tech-tag.gold{border-color:var(--accent3);color:var(--accent3)}.price-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.price-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:16px;text-align:center}.price-icon{font-size:2rem;margin-bottom:6px}.price-name{font-size:.9rem;font-weight:600;margin-bottom:6px}.price-amount{color:var(--accent3);font-family:var(--mono);font-size:1.4rem;font-weight:700}.price-unit{color:var(--text3);font-size:.75rem}.roadmap-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:0;text-align:left}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@media(max-width:1024px){.chat-container,.driver-grid,.grid-2{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){nav{align-items:stretch;flex-direction:column;gap:10px;padding:14px 16px}.logo{text-align:center}.nav-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.tab-btn{flex:0 0 auto;white-space:nowrap}.section{padding:20px 16px}.page-title{font-size:1.45rem}.page-sub{margin-bottom:24px}.stats-row{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.table-header{align-items:flex-start;flex-wrap:wrap;gap:10px}.orders-live-table table{min-width:640px}.admin-head{align-items:stretch;flex-direction:column}.admin-subtabs{justify-content:flex-end}.table-header-controls{align-items:stretch;width:100%}.pager-controls,.table-header-bottom,.table-header-top{justify-content:space-between}.pager-btn{flex:1;min-width:0}td,th{padding:10px 12px}.chat-body{height:360px}.map-mock{height:240px}.admin-map-full{height:280px}.diagram{padding:20px}.dia-box{min-width:110px;padding:12px 14px}.roadmap-grid{grid-template-columns:1fr}.map-pin:after{display:none}.admin-wf-grid{grid-template-columns:1fr}}@media(max-width:480px){.price-grid,.stats-row{grid-template-columns:1fr}.card-value{font-size:1.7rem}.tab-btn{font-size:.84rem;padding:8px 12px}.flow-step{gap:12px}.flow-arrow{margin-left:46px}}