@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#343c33;background:#f8f8f4;font-synthesis:none;--accent:#c9663e;--green:#52735b;--muted:#929589;--border:#e6e8df}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{cursor:not-allowed;opacity:.5}button,input,select{outline-offset:3px}a{color:inherit}button{border:0;background:transparent;color:inherit}input,select{border:1px solid var(--border);background:#fff;border-radius:9px;padding:11px 12px;color:#343c33;min-width:0}select{font-size:13px;max-width:260px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-size:36px;font-weight:700;letter-spacing:-1.5px}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:16px}small{font-size:12px;color:var(--muted)}.app{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;border-right:1px solid var(--border);background:#fff;display:flex;flex-direction:column;padding:30px 22px;position:fixed;inset:0 auto 0 0;z-index:20}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:23px;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;background:#eff1e6;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#58705a;transform:rotate(-9deg)}.brand-accent,.brand-dot{color:var(--accent)}.workspace{margin:38px 0 25px;border:1px solid var(--border);background:#fafbf6;border-radius:12px;display:flex;align-items:center;gap:11px;padding:15px 12px}.workspace-icon{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:8px;background:#edf0e5;color:#60725a}.workspace small{font-size:8px;letter-spacing:1.2px;display:block;margin-bottom:5px}.workspace strong{font-size:13px}.nav{display:flex;justify-content:flex-start;gap:13px;padding:13px 14px;border-radius:8px;width:100%;color:#92968c;font-size:13px;font-weight:500;margin:4px 0}.nav.active{background:#edf1e7;color:#43624c;font-weight:700}.nav.active svg{color:#567450}.nav-count{margin-left:auto;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;background:#dce7d1;font-size:10px}.sidebar-foot{margin-top:auto;padding-top:40px}.pilot-tag{display:inline-block;color:#9a8979;font-size:9px;letter-spacing:1.6px;background:#f5f1e9;border:1px solid #ece6d9;border-radius:5px;padding:6px 9px}.sidebar-foot>p{font-size:13px;line-height:1.6;color:#a0a395;margin:13px 0 27px}.user{border-top:1px solid var(--border);padding-top:22px;display:flex;align-items:center;gap:10px}.user strong{font-size:12px;display:block}.user small{font-size:10px}.user .icon-btn{margin-left:auto}.avatar{height:35px;width:35px;border-radius:50%;background:#e6ebde;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.main{margin-left:250px;width:calc(100% - 250px)}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--border);padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8d9489}.topbar>div{display:flex;gap:20px;align-items:center}.topbar select{padding:8px 12px;background:#fafbf7}.crumb{margin:0 10px;color:#c7cbbf}.connection{display:flex;align-items:center;gap:7px;font-size:11px}.connection>span{height:6px;width:6px;border-radius:50%;background:#7c9c73;box-shadow:0 0 0 4px #f0f5eb}.connection.bad>span{background:#d97458;box-shadow:0 0 0 4px #f8ece6}.content{max-width:1700px;margin:auto;padding:35px 40px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#969b88;margin-bottom:10px}.heading p{font-size:13px;color:#93998b;margin-top:9px}.title-dot{color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.stats.three{grid-template-columns:repeat(3,1fr)}.stat{border:1px solid var(--border);border-radius:12px;padding:21px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:104px}.stat span{font-size:11px;color:#8e9687;display:block}.stat strong{font-family:Manrope,sans-serif;display:block;font-size:29px;margin-top:8px;letter-spacing:-1px;font-weight:600}.stat .stat-icon{display:flex;border-radius:10px;align-items:center;justify-content:center;width:43px;height:43px;background:#f3f5ee;color:#8a997d}.stat.accent{background:#fcf5ec;border-color:#f0e5d5}.stat.accent .stat-icon{background:#f4e7d6;color:#c68b50}.stat.accent strong{color:#b8814e}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:23px;align-items:start}.card{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden}.card-head{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #edf0e7}.card-head p{font-size:11px;color:#99a08f;margin-top:6px}.card-foot{padding:18px 24px;border-top:1px solid var(--border);font-size:11px;color:#9da391;line-height:1.7}.primary{background:var(--green);color:#fff;border-radius:8px;padding:12px 17px;font-size:12px;font-weight:600;white-space:nowrap}.primary:hover{background:#3d6046}.primary.full{width:100%;padding:15px}.small-btn{border:1px solid #e5e7de;background:#f7f8f3;border-radius:7px;font-size:11px;padding:7px 9px}.small-btn.primary{background:var(--green);color:#fff}.text-btn{font-size:11px;color:#788370;padding:8px 0}.text-btn:hover{color:#3d6243}.icon-btn{padding:6px;color:#84917c;border-radius:6px}.icon-btn:hover{background:#f0f2e9}.badge{font-size:10px;border-radius:5px;padding:5px 8px;display:inline-flex;align-items:center;gap:5px;background:#edf2e7;color:#6a845d;white-space:nowrap}.badge.offline{background:#f0efea;color:#9c9b8f}.empty{padding:44px 26px;text-align:center;min-height:160px}.empty>span{display:inline-flex;height:54px;width:54px;border-radius:50%;align-items:center;justify-content:center;background:#f1f5ed;color:#94a88b;margin-bottom:16px}.empty h3{font-size:14px;color:#75836b}.empty p{font-size:12px;color:#a0a896;line-height:1.8;margin-top:8px;max-width:280px;margin-left:auto;margin-right:auto}.request-list{padding:10px 20px}.request{border:1px solid #ede9df;border-radius:10px;margin:12px 0;padding:15px;background:#fffcf7}.request-heading{display:flex;align-items:center;gap:11px}.request-icon{color:#d18b54;background:#faead5;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.request strong{font-size:13px}.request small{display:block;font-size:10px;margin-top:4px}.request-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.request-bottom>span{display:flex;align-items:center;gap:6px;color:#bc8458;font-size:11px;font-weight:600}.notice{padding:13px 16px;margin:12px 0;border-radius:8px;font-size:13px;line-height:1.5;display:flex;align-items:center;gap:10px}.notice.error{background:#f9ece8;color:#aa604f}.notice.success{background:#eef4e9;color:#5b7f4d}.notice.warning{background:#faf1df;color:#9e7b3c}.notice .icon-btn{margin-left:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-size:9px;font-weight:600;letter-spacing:.7px;color:#969c8b;padding:15px 23px;background:#fafbf7}td{padding:18px 23px;border-top:1px solid #eef0e9}td strong{font-size:12px}td small{display:block;margin-top:5px;font-size:10px}.serial{font-size:10px;word-break:break-all}.muted{color:#98a08d;font-size:12px;line-height:1.8}.inline-form{padding:23px;background:#fafbf5;border-bottom:1px solid var(--border);display:flex;align-items:end;gap:14px;flex-wrap:wrap}.inline-form label{flex:1;min-width:160px}.stack{display:flex;flex-direction:column;gap:23px}.logs{padding:8px 25px 22px}.logs>div{border-bottom:1px solid var(--border);display:flex;gap:24px;padding:15px 0;align-items:start;font-size:12px}.logs span{font-size:10px;color:#a3a895;min-width:145px}.settings-body{padding:26px}.settings-body p{font-size:13px;line-height:1.8;margin-top:16px;color:#919a85}.setting-option{padding:21px;width:100%;border:1px solid var(--border);border-radius:10px;margin-bottom:12px;text-align:left;justify-content:flex-start;gap:15px}.setting-option strong{display:block;font-size:13px}.setting-option small{display:block;margin-top:6px;font-size:11px}.setting-option svg{margin-left:auto;color:#759665}.setting-option.selected{background:#f4f7ef;border-color:#bacaaa}.radio{height:16px;width:16px;border:1px solid #b9c1b1;border-radius:50%;flex-shrink:0}.selected .radio{background:#6d8a60;border:4px solid #e6eddc;box-shadow:0 0 0 1px #7d9c70}.page-footer{margin-top:30px;display:flex;justify-content:space-between;font-size:9px;color:#acb29f;padding:10px 0}.plan-controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 22px;align-items:center}.floor-tabs,.view-controls{display:flex;gap:4px;align-items:center}.floor-tabs button,.view-controls button{font-size:10px;padding:8px 10px;border-radius:6px;color:#929b85}.floor-tabs .selected{background:#eef2e6;color:#637756}.view-controls{padding:3px;border:1px solid var(--border);border-radius:7px}.view-controls .selected{background:#edf1e6;color:#627958}.object-toolbar{display:flex;padding:12px 22px;background:#f9faf6;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.object-toolbar>span{font-size:8px;letter-spacing:1px;color:#929c87;margin-right:10px}.object-toolbar button{font-size:11px;color:#6b7c5c;padding:7px}.object-toolbar .primary{margin-left:auto;color:#fff;padding:9px 12px}.map-area{position:relative;background:#f6f5ef;min-height:300px}.map-svg{display:block;width:100%;height:100%;min-height:300px;max-height:620px;touch-action:none}.map-object{cursor:pointer;outline:none}.map-object:focus>rect{stroke:#bb8654;stroke-width:3}.map-scale{position:absolute;bottom:15px;left:22px;color:#b0b29f;font-size:9px}.plan-legend{padding:15px 22px;display:flex;gap:16px;align-items:center;font-size:8px;color:#909881;border-top:1px solid var(--border);flex-wrap:wrap}.plan-legend>span{display:flex;gap:5px;align-items:center}.plan-legend strong{margin-left:auto;color:#b48953}.legend-dot{height:5px;width:5px;border-radius:50%;display:inline-block}.request-red{background:#e66954}.idle-green{background:#64866d}.offline-gray{background:#b8b7ac}.object-details{border-top:1px solid var(--border);padding:17px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px}.object-details label{font-size:9px;max-width:75px;gap:4px}.object-details input{max-width:75px;padding:5px 7px}.object-details>span{color:#8c9881}.scene-area{height:470px;position:relative;overflow:hidden;background:#f6f5ef}.scene-area canvas{display:block}.scene-hint{position:absolute;bottom:13px;left:20px;font-size:9px;pointer-events:none}.scene-label{position:absolute;font-size:10px;color:#43583c;background:#ffffffd9;box-shadow:0 2px 7px #302e2210;border-radius:5px;padding:4px 7px;pointer-events:auto;white-space:nowrap;transform:translate(-50%,-50%)}.factory-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px}.factory-flow>div{border:1px solid var(--border);border-radius:10px;padding:18px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#f0f3e8;color:#81996d;border-radius:50%;font-size:11px;margin-right:10px}.factory-flow strong{font-size:13px}.factory-flow small{display:block;margin-top:10px;font-size:11px}.factory-body{padding:0 25px 25px}.usb-zone{background:#fafbf5;border:1px dashed #d8decf;border-radius:11px;padding:34px;text-align:center}.usb-symbol{display:inline-flex;align-items:center;justify-content:center;height:65px;width:65px;border-radius:50%;background:#eaf0df;color:#789667;margin-bottom:17px}.usb-zone p{font-size:12px;color:#97a188;line-height:1.7;margin:10px auto 18px;max-width:360px}.device-proof{padding:23px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.device-proof small,.device-proof strong{display:block}.device-proof small{font-size:9px}.device-proof strong{font-size:12px;margin-top:6px}.setup{padding:25px;display:grid;gap:15px;max-width:800px}.setup p{font-size:13px;line-height:1.8}.setup input{font-family:monospace}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#e9eee1;padding:45px 60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story>.brand{z-index:2}.login-story>div:nth-child(2){padding-top:35px}.login-story h1{font-size:55px;line-height:1.17;font-weight:600;letter-spacing:-2.5px;color:#3c573b}.login-story h1>span{color:#b1764a}.login-story p{font-size:14px;line-height:1.9;color:#849278;margin-top:20px}.login-story>small{font-size:11px;color:#8c987f}.login-form{display:flex;align-items:center;justify-content:center;padding:40px;background:#fdfdf9}.form-box{max-width:365px;width:100%}.form-box h2{font-size:28px;letter-spacing:-1px;margin:15px 0}.form-box>p{font-size:13px;color:#8f9c83;line-height:1.8;margin-bottom:30px}.form-box form{display:grid;gap:20px}.form-box input{padding:14px;background:#fff}.form-box .login-note{margin:24px 0 0;display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px;color:#9baa8e}.lamp-illustration{height:260px;width:240px;margin:20px auto 0;position:relative}.lamp-shade{position:absolute;left:50px;top:70px;width:140px;height:120px;background:linear-gradient(100deg,#f5e5ba,#f3f0d7,#e5d4a7);border-radius:22px 22px 48% 48%;box-shadow:inset -10px 0 20px #c6b79344,0 20px 40px #aaa58b30;transform:rotate(12deg)}.lamp-stem{position:absolute;left:115px;top:155px;background:#8f9a7a;width:14px;height:69px;transform:rotate(12deg)}.lamp-base{position:absolute;left:72px;top:215px;background:#9da889;width:108px;height:14px;border-radius:50%}.lamp-glow{position:absolute;left:15px;top:40px;width:210px;height:210px;border-radius:50%;background:radial-gradient(#faf2c570,transparent 70%)}.loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;min-height:100vh;color:#839776;font-size:13px}@media(min-width:1600px){.content{padding:42px 60px}.topbar{padding:0 60px}.sidebar{width:270px}.main{margin-left:270px;width:calc(100% - 270px)}}@media(max-width:1200px){.sidebar{width:215px;padding:25px 17px}.main{margin-left:215px;width:calc(100% - 215px)}.content{padding:28px}.topbar{padding:0 28px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 290px}.stats{gap:12px}.stat{padding:17px}.stat strong{font-size:24px}.stat .stat-icon{width:33px;height:33px}.brand{font-size:21px}.login-story{padding:40px}.login-story h1{font-size:44px}}@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.request-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.topbar .connection{display:none}.login-story h1{font-size:37px}.factory-flow{gap:10px;padding:15px}.factory-flow>div{padding:13px}}@media(max-width:720px){.sidebar{position:sticky;top:0;width:100%;height:auto;padding:14px 18px;border-right:0;border-bottom:1px solid var(--border)}.app{display:block}.sidebar>.brand{font-size:20px}.brand-mark{width:30px;height:30px}.workspace,.sidebar-foot{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:11px;gap:2px}.nav{width:auto;white-space:nowrap;font-size:11px;padding:9px 11px;gap:6px;margin:0}.nav svg{width:14px}.main{margin:0;width:100%}.topbar{height:52px;padding:0 20px}.topbar>span{font-size:10px}.topbar select{font-size:10px;max-width:160px}.content{padding:23px 18px}.heading{margin-bottom:20px;gap:10px}.heading h1{font-size:28px}.heading p{font-size:11px}.heading select{max-width:125px;font-size:10px}.stats{gap:10px;margin:17px 0}.stats.three{grid-template-columns:1fr}.stat{min-height:87px;padding:15px}.stat span{font-size:10px}.stat strong{font-size:23px}.card-head{padding:19px 18px}.card-head h2{font-size:16px}.primary{padding:10px 13px;font-size:11px}.request-list{display:block}.page-footer{display:block;line-height:1.8}.page-footer span{display:block}.plan-controls{padding:12px;gap:9px}.floor-tabs button{font-size:10px;padding:7px 8px}.map-svg{min-height:270px}.plan-legend{padding:13px;gap:12px}.scene-area{height:350px}.object-toolbar{padding:11px;gap:5px}.object-toolbar>span{display:none}.factory-flow{grid-template-columns:1fr}.factory-flow>div{display:flex;align-items:center;gap:10px}.factory-flow small{margin:0}.factory-body{padding:0 15px 15px}.device-proof{padding:17px}.logs>div{display:block}.logs p{margin-top:6px}.inline-form{padding:18px;gap:15px}.inline-form label{flex-basis:100%}.login{grid-template-columns:1fr}.login-story{padding:25px 28px;min-height:220px;justify-content:flex-start;gap:30px}.login-story>div:nth-child(2){padding-top:0}.login-story h1{font-size:30px}.login-story h1 br{display:none}.login-story p,.lamp-illustration,.login-story>small{display:none}.login-form{padding:30px 28px}.form-box h2{font-size:25px}.form-box>p{margin-bottom:23px}}