:root{font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#263a36;background:#f5f7f9;font-synthesis:none;font-size:14px;--green: #167c68;--muted: #84918e;--border: #e8edeb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .18s;border:0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #65b9a5;outline-offset:3px}input,select,textarea{border:1px solid #dfe6e3;border-radius:7px;padding:11px 12px;color:#334b44;background:#fff;min-width:0;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #167c6812}textarea{resize:vertical;min-height:94px}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.8px;font-weight:650}h2{font-size:23px}h3{font-size:16px;font-weight:650}p{line-height:1.8}.muted{color:var(--muted)}small{font-size:12px}.primary,.secondary{border-radius:7px;padding:11px 16px;font-weight:550;white-space:nowrap}.primary{background:var(--green);color:#fff}.primary:hover{background:#116654}.secondary{background:#fff;border:1px solid #dfe7e3;color:#526760}.secondary:hover{background:#f3f7f5}.text-button{color:var(--green);background:none;padding:0;font-size:12px}.icon-button{background:none;padding:7px;color:#758782;border-radius:6px}.icon-button:hover{background:#edf3f0}.wide{width:100%}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:#93a39d}.brand{display:flex;gap:11px;align-items:center;font-size:19px;font-weight:700;letter-spacing:.4px}.brand-icon{width:40px;height:42px;border-radius:12px;color:#fff;display:grid;place-items:center;background:var(--green)}.brand small{display:block;font-size:10px;color:#8c9b95;margin-top:4px;letter-spacing:1.3px;font-weight:400}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--border);padding:30px 20px 18px;display:flex;flex-direction:column;z-index:25}.workspace-tag{margin:32px 0 27px;padding:12px 8px;background:#f5f8f7;font-size:11px;color:#71867b;display:flex;align-items:center;gap:7px;border-radius:7px}.live-dot,.service-dot,.green-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#3d9c7d}.tag{font-size:9px;border:1px solid #dfe9e4;border-radius:4px;margin-left:auto;padding:2px 5px;color:#829a8b}.nav-caption{font-size:10px;letter-spacing:1px;color:#a6afab;margin:0 12px 14px}nav{display:flex;flex-direction:column;gap:8px}nav button{padding:13px 14px;justify-content:flex-start;background:none;color:#7a8983;border-radius:7px;font-size:13px;gap:12px}nav button.active{color:var(--green);background:#eaf4f0;font-weight:650}nav button:hover{background:#f2f7f4}.nav-count{font-size:10px;margin-left:auto;background:#dceae5;border-radius:5px;padding:2px 6px}.sidebar-foot{margin-top:auto;display:flex;gap:10px;color:#7c9385;padding:34px 9px 25px;font-size:12px;line-height:1.8}.sidebar-foot small{font-size:10px;color:#a1ada7}.user-panel{border-top:1px solid var(--border);padding:19px 3px 0;background:none;gap:10px;text-align:left;color:#546960}.user-panel>span:nth-child(2){flex:1;font-size:12px}.user-panel small{display:block;margin-top:5px;font-size:10px;color:#94a098}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#e8f1ed;border-radius:50%;font-size:11px;color:#42745e}main{margin-left:230px;width:calc(100% - 230px)}.topbar{min-height:72px;background:#ffffffd9;border-bottom:1px solid var(--border);padding:0 34px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#93a19a}.crumb{display:flex;align-items:center;gap:12px}.crumb b{color:#4d6458;font-weight:500}.topbar-right{display:flex;align-items:center;gap:9px}.divider{height:13px;width:1px;background:#e2e7e4;margin:0 8px}.content{padding:30px 34px 20px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{margin:9px 0;display:flex;align-items:center;gap:13px}.page-heading p{font-size:12px;color:#91a09a}.heading-actions{display:flex;gap:10px}.live-label{font-size:10px;letter-spacing:0;background:#e9f2ed;color:#4e9171;padding:4px 7px;border-radius:4px;font-weight:400}.overview-banner{display:flex;align-items:center;gap:15px;border:1px solid #dfeae3;border-radius:9px;background:linear-gradient(110deg,#eef6f1,#f8fbf9);padding:17px 21px;margin-bottom:22px}.banner-icon{border-radius:11px;color:#368464;background:#e0efe5;width:45px;height:45px;display:grid;place-items:center}.overview-banner b{font-size:13px}.overview-banner p{font-size:11px;color:#8ba093;margin-top:4px}.overview-banner button{background:none;color:#438669;margin-left:auto;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metrics article{background:#fff;border:1px solid var(--border);border-radius:9px;padding:22px 21px}.metric-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#71867a}.metric-label svg{color:#a5b7aa}.metric-value{font-size:35px;font-weight:600;letter-spacing:-1px;margin:19px 0 16px;font-variant-numeric:tabular-nums}.metric-value small{font-size:12px;color:#8e9b94;margin-left:7px;font-weight:400}.metric-note{font-size:10px;color:#9eaaa3;display:flex;align-items:center;gap:6px}.alert-metric .metric-value{color:#c78a3d}.panel{background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:22px 23px}.panel-heading p{font-size:10px;color:#9ca9a2;margin-top:7px}.panel-heading h3{font-size:14px}.dashboard-grid{display:grid;grid-template-columns:1.48fr 1fr;gap:22px;margin-bottom:24px}.legend{display:flex;align-items:center;gap:6px;color:#8c9f91;font-size:10px;white-space:nowrap}.legend i{width:7px;height:7px;border-radius:2px;margin-left:8px}.oil{background:#328f79}.job{background:#abc6b5}.chart{height:210px;margin:0 25px 22px;display:flex;position:relative;align-items:end;justify-content:space-around;border-bottom:1px solid #e5ebe7;padding:0 3px 25px}.chart-grid{position:absolute;inset:8px 0 25px;background:repeating-linear-gradient(to top,transparent,transparent 42px,#edf1ee 43px);pointer-events:none}.chart-grid>span{font-size:9px;color:#bdc6bf;position:absolute;top:0;left:0}.chart-column{display:flex;flex-direction:column;align-items:center;z-index:1;width:12%;position:relative}.bars{display:flex;align-items:end;gap:5px}.bar{width:17px;border-radius:3px 3px 0 0;position:relative}.bar span{position:absolute;top:-16px;width:100%;text-align:center;font-size:9px;color:#8d9e92}.chart-column>small{position:absolute;bottom:-21px;color:#9aaa9d;font-size:10px}.todo-row{background:none;display:flex;width:calc(100% - 44px);margin:0 22px;justify-content:start;padding:19px 0;gap:13px;border-bottom:1px solid #eff3f0;text-align:left}.todo-row>span:nth-child(2){flex:1}.todo-row b{font-size:12px;font-weight:550;display:block}.todo-row small{font-size:10px;color:#a0ada4;display:block;margin-top:6px}.todo-row strong{font-size:22px;font-weight:500}.todo-row>svg{color:#b7c2ba}.todo-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:9px}.teal{background:#eff6f1;color:#5b9b7d}.amber{background:#fbf5ea;color:#c79748}.todo-tip{display:flex;align-items:center;gap:7px;padding:20px 25px;font-size:10px;color:#a1aea5}.neutral-tag{background:#f5f7f5;border:1px solid #eaf0ea;border-radius:4px;padding:5px 8px;color:#95a197;font-size:10px}.geo-map{position:relative;height:238px;background:#eef2ea;margin:0 20px 20px;border-radius:6px;overflow:hidden;background-image:linear-gradient(90deg,#e4eadd70 1px,transparent 1px),linear-gradient(#e4eadd70 1px,transparent 1px);background-size:28px 28px}.geo-map>svg{position:absolute;inset:0;width:100%;height:100%}.map-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#328f79;border:3px solid white;box-shadow:0 0 0 5px #328f7920;transform:translate(-50%,-50%)}.map-dot.job{background:#d29951;box-shadow:0 0 0 5px #d2995120}.map-label{position:absolute;top:17px;left:19px;font-size:10px;letter-spacing:2px;color:#a2b49e}.map-note{position:absolute;bottom:10px;right:10px;display:flex;gap:4px;background:#fffc;color:#809883;font-size:9px;padding:6px 9px;border-radius:4px}.alert-row{background:none;display:flex;align-items:start;width:calc(100% - 46px);margin:0 23px;padding:18px 0;text-align:left;border-bottom:1px solid #f0f3f1;gap:10px}.alert-row:last-child{border-bottom:0}.alert-row b{font-size:12px;font-weight:500}.alert-row p{font-size:9px;color:#a4afa8;margin-top:8px}.alert-row div{flex:1}.alert-row>svg{color:#b3beb6}.alert-indicator{width:7px;height:7px;border-radius:50%;margin-top:5px}.alert-indicator.red{background:#d97b6e}.alert-indicator.yellow{background:#d8ab5c}.alert-indicator.blue{background:#7ba4cc}.alert-indicator.orange{background:#dc9a63}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:#8b9e90;font-weight:500;background:#f8faf8;padding:13px 22px;border-bottom:1px solid var(--border)}td{font-size:11px;padding:17px 22px;border-bottom:1px solid #eff3f0;color:#5a6f61}td b{font-weight:500;color:#3e5848;font-size:12px}td small{display:block;font-size:9px;color:#a4b0a6;margin-top:7px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfb}.status{display:inline-flex;padding:5px 8px;border-radius:4px;font-size:10px;white-space:nowrap;background:#f0f3f4;color:#7b8d93}.status.completed,.status.approved{background:#edf6f0;color:#589c73}.status.active,.status.ready{background:#eaf3f4;color:#538b94}.status.pending,.status.sold,.status.yellow{background:#fff5e3;color:#bf944b}.status.exception,.status.rejected,.status.red{background:#fcefeb;color:#c67965}.status.blue{background:#edf2fb;color:#638dc0}.status.orange{background:#fff0e6;color:#ce8e59}.page-footer{display:flex;justify-content:space-between;margin-top:27px;color:#afb9b1;font-size:9px;letter-spacing:.4px}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:21px;border-bottom:1px solid var(--border);color:#9ba99f;font-size:12px}.filters input,.filters select{font-size:12px;padding:9px;max-width:170px}.search-field{position:relative;display:flex;align-items:center}.search-field svg{position:absolute;left:11px;color:#a6b2a8}.search-field input{padding-left:35px;max-width:none;width:245px}.table-meta{padding:17px 23px;color:#8b9e90;font-size:11px;display:flex;justify-content:space-between}.table-meta span{font-size:10px;color:#a9b4ab}.empty{padding:55px 20px;text-align:center;color:#a3b1a7;display:flex;align-items:center;flex-direction:column;gap:13px}.empty h3{font-size:14px;font-weight:500}.empty p{font-size:12px}.empty.compact{padding:25px}.segmented{display:flex;background:#f3f7f3;border-radius:6px;padding:4px;gap:3px}.segmented button{background:none;color:#879b8c;border-radius:4px;padding:7px 14px;font-size:12px}.segmented button.selected{background:#fff;box-shadow:0 1px 5px #2233110b;color:#297c59}.alert-card{display:flex;padding:24px;gap:17px;border-bottom:1px solid var(--border);align-items:center}.alert-card:last-child{border-bottom:0}.alert-square{height:44px;width:44px;border-radius:10px;display:grid;place-items:center;flex:none;background:#fcf0ec;color:#c27e67}.alert-square.yellow{background:#fdf5e9;color:#c49c58}.alert-square.blue{background:#edf3fb;color:#628ab9}.alert-card-content{flex:1}.alert-card-content>div{display:flex;align-items:center;gap:12px}.alert-card h3{font-size:14px}.alert-card p{font-size:12px;color:#869b8c;margin:7px 0}.alert-card small{font-size:10px;color:#adb8af}.alert-card .resolution{color:#578e71;background:#f4f8f4;padding:8px;border-radius:4px}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.settings-panel{padding:0 23px 25px}.settings-panel .panel-heading{padding-left:0;padding-right:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}label{display:flex;flex-direction:column;gap:8px;margin-bottom:19px;font-size:12px;color:#6f8575}label input,label select,label textarea{width:100%}.zone-row{display:flex;gap:12px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:10px}.zone-row>svg{color:#619b7c}.zone-row>div{flex:1}.zone-row b{font-size:12px}.zone-row small{display:block;color:#9cab9f;font-size:10px;margin-top:6px}.settings-panel>p{font-size:11px;margin-top:20px}.overlay{position:fixed;inset:0;background:#142f2855;z-index:40;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{width:560px;max-width:100%;background:#fff;overflow:auto;padding:29px 32px;box-shadow:-8px 0 40px #142f2820}.drawer-heading{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:23px}.drawer-heading h2{font-size:20px;line-height:1.6;margin-top:7px}.drawer-heading .eyebrow{font-size:9px}.record-id{font-size:11px;margin-top:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;padding:28px 0}.detail-grid .full{grid-column:1/-1}.detail-grid small{color:#94a49a;font-size:11px;display:block;margin-bottom:7px}.detail-grid b{font-size:12px;font-weight:500}.detail-grid span{display:block;font-size:11px;color:#95a599;margin-top:7px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.qr-box{text-align:center;padding:20px}.qr-box img{width:240px;max-width:100%}.qr-box p{font-size:11px;color:#6e8c79}.review-box{margin-top:24px;padding:22px;background:#f5f9f6;border-radius:8px}.review-box h3{font-size:14px;margin-bottom:18px}.section-title{font-size:14px;padding-top:29px;margin-bottom:20px}.timeline{padding-left:14px}.timeline>div{position:relative;border-left:1px solid #dce9e0;padding:0 0 24px 23px}.timeline>div:before{content:"";position:absolute;left:-5px;top:3px;width:8px;height:8px;border-radius:50%;background:#8bb49a;border:2px solid #fff;box-sizing:content-box}.timeline b{font-size:12px;font-weight:500}.timeline small{display:block;font-size:11px;color:#9caf9f;margin-top:8px;line-height:1.7}.evidence-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.evidence-gallery img{width:100%;border-radius:6px;aspect-ratio:4/3;object-fit:cover}.evidence-gallery a{text-decoration:none;color:#9aac9e}.evidence-gallery small{font-size:9px}.point-row{display:flex;gap:10px;padding:14px 0;color:#80a08a;font-size:12px;border-bottom:1px solid #eff3ef}.point-row small{display:block;font-size:10px;color:#a3b2a6;margin-top:5px}.linked-alert{background:#faf8f5;border-radius:7px;padding:16px;margin-bottom:12px}.linked-alert b{font-size:12px;margin-left:10px}.linked-alert p{font-size:11px;color:#9f9d90;margin-top:9px}.modal-overlay{align-items:center;justify-content:center;z-index:50}.modal{width:540px;max-width:calc(100% - 30px);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:25px 29px;box-shadow:0 15px 60px #0c292622}.modal p.muted{font-size:11px;margin-bottom:19px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--border);padding-top:20px;margin-top:14px}.checkbox{flex-direction:row;align-items:center;line-height:1.7}.checkbox input{width:16px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:11px;background:#234c3e;color:#fff;padding:15px 24px;border-radius:9px;box-shadow:0 8px 24px #0c292622;z-index:99;font-size:13px;max-width:90vw}.error{padding:13px 17px;background:#fff0eb;color:#bd6754;border-radius:6px;font-size:12px;line-height:1.8;margin-bottom:18px;display:flex;justify-content:space-between;gap:15px}.red-text{color:#c97e6b!important}.login-page{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:#fff}.login-intro{background:#ecf3ee;padding:50px 65px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-intro:after{content:"";position:absolute;width:500px;height:500px;border:80px solid #d7e8dc44;border-radius:50%;right:-250px;bottom:-130px;pointer-events:none}.login-heading{margin:auto 0;z-index:1}.login-heading h1{font-size:48px;font-weight:500;line-height:1.45;margin:23px 0}.login-heading p{color:#789482;font-size:14px;line-height:2}.login-lines{display:flex;gap:22px;margin-top:45px;font-size:10px;color:#75947f}.login-intro>small{color:#8faa99;font-size:10px;letter-spacing:3px}.login-box{width:360px;max-width:85%;margin:auto}.login-box h2{font-size:27px;margin:16px 0 10px}.login-box>p{font-size:12px;margin-bottom:35px}.login-box>.primary{margin-top:5px}.login-box label{margin-top:22px}.demo-box{margin-top:30px;border-top:1px solid var(--border);padding-top:22px}.demo-box b{font-size:11px;color:#8aa090}.demo-box p{font-size:10px;color:#a4b1a7;margin:9px 0 15px}.demo-roles{display:flex;gap:7px;flex-wrap:wrap}.demo-roles button{font-size:10px;padding:7px 10px;background:#f3f7f4;color:#799881;border-radius:5px}.mobile-menu{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.content{padding:38px 46px}.metrics article{padding:25px}.geo-map{height:265px}}@media(max-width:1150px){.sidebar{width:205px;padding:25px 14px}.brand{font-size:17px}main{margin-left:205px;width:calc(100% - 205px)}.content{padding:24px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:1.25fr 1fr}.metrics{gap:12px}.metrics article{padding:18px 15px}.panel-heading{padding:20px 18px}.legend{font-size:9px}.heading-actions{flex-wrap:wrap}.topbar-right>span:last-of-type{display:none}.alert-card{flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}}@media(max-width:850px){.sidebar{transform:translate(-100%);width:230px}.sidebar.expanded{transform:translate(0);box-shadow:20px 0 60px #14372633}.mobile-menu{display:flex}main{margin:0;width:100%}.content{padding:23px 18px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.page-heading{align-items:start}.page-heading h1{font-size:24px}.page-heading p{max-width:230px}.heading-actions .secondary{display:none}.heading-actions{justify-content:end}.heading-actions button{font-size:11px;padding:10px}.topbar{min-height:60px;padding:0 18px}.topbar-right{font-size:10px}.overview-banner{padding:15px}.overview-banner button{font-size:10px;white-space:nowrap}.overview-banner p{font-size:10px}.overview-banner b{font-size:12px}.page-footer span{display:none}.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-box{padding:50px 0}.alert-card-content{min-width:65%}.alert-card-content>div{flex-wrap:wrap}.table-meta span{display:none}.drawer{padding:24px}.filters .search-field,.search-field input{width:100%}.filters input[type=date]{max-width:135px}.form-grid{gap:0 12px}.metric-value{font-size:32px}}