@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.lt{--bg:#FAFAFA;--bg2:#FFF;--bg3:#F1F1F1;--brd:#E5E5E5;--brd2:#D5D5D5;--t1:#1A1A1A;--t2:#333;--t3:#666;--t4:#888;--t5:#AAA;--g:#4CAF50;--gH:#43A047;--gBg:#E8F5E9;--gBg2:#C8E6C9;--aBg:#FFF3E0;--bBg:#E3F2FD;--sBg:#F3E5F5;--panelH:linear-gradient(135deg,#2E7D32,#43A047);--cardSh:0 2px 12px rgba(0,0,0,.07);--side:#FFFFFF;--sideBrd:#ECECEC}.dk{--bg:#0F0F0F;--bg2:#1A1A1A;--bg3:#242424;--brd:#2E2E2E;--brd2:#3A3A3A;--t1:#F0F0F0;--t2:#D0D0D0;--t3:#A0A0A0;--t4:#777;--t5:#555;--g:#66BB6A;--gH:#4CAF50;--gBg:#1B3A1B;--gBg2:#244024;--aBg:#2E2418;--bBg:#1A2530;--sBg:#2A1F2E;--panelH:linear-gradient(135deg,#1B5E20,#2E7D32);--cardSh:0 2px 12px rgba(0,0,0,.3);--side:#141414;--sideBrd:#252525}:root{--font:"Plus Jakarta Sans",system-ui,sans-serif;--r:14px;--rf:9999px}@keyframes up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 8px #4caf5000}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.sf{animation:slideIn .3s cubic-bezier(.22,1,.36,1) forwards}.au{animation:up .45s cubic-bezier(.22,1,.36,1) forwards}.au1{animation:up .45s cubic-bezier(.22,1,.36,1) .05s forwards;opacity:0}.au2{animation:up .45s cubic-bezier(.22,1,.36,1) .1s forwards;opacity:0}.app{width:100%;min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--t1);position:relative;overflow-x:hidden;transition:background .3s,color .3s}@media(max-width:767px){.app{max-width:420px;margin:0 auto}}.desk-wrap{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--side);border-right:1px solid var(--sideBrd);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:90;transition:background .3s}.side-logo{padding:20px 20px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--brd)}.side-logo-t{font-size:16px;font-weight:800;color:var(--t1)}.side-logo-s{font-size:9px;color:var(--t4);font-weight:500;margin-top:1px}.side-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.side-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;cursor:pointer;border:none;background:transparent;font-family:var(--font);font-size:13.5px;font-weight:600;color:var(--t3);transition:all .15s;text-align:left;width:100%}.side-item:hover{background:var(--bg3);color:var(--t1)}.side-item.on{background:var(--gBg);color:var(--g)}.side-sep{height:1px;background:var(--brd);margin:8px 14px}.side-foot{padding:14px;border-top:1px solid var(--brd)}.side-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;cursor:pointer;border:none;background:transparent;width:100%;font-family:var(--font);text-align:left;transition:background .15s}.side-user:hover{background:var(--bg3)}.side-avatar{width:34px;height:34px;border-radius:10px;background:var(--gBg);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--g)}.side-uname{font-size:12.5px;font-weight:600;color:var(--t1)}.side-urole{font-size:10px;color:var(--t4)}.desk-main{margin-left:240px;flex:1;min-height:100vh}.desk-header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--brd);background:var(--bg2);position:sticky;top:0;z-index:50}.desk-header-t{font-size:20px;font-weight:800}.desk-header-sub{font-size:12px;color:var(--t4);margin-top:2px}.desk-header-actions{display:flex;align-items:center;gap:8px}.desk-content{padding:24px 28px;width:100%}.desk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.desk-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.desk-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.desk-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.desk-panel-head{background:var(--panelH);padding:20px 28px 8px;border-radius:0 0 24px 24px}.desk-panel-content{padding:20px 28px;max-width:1200px}.desk-sensor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.desk-sensor-main{grid-column:span 2}@media(max-width:767px){.sidebar{display:none!important}.desk-main{margin-left:0!important}.desk-wrap{display:block}.desk-header{display:none}.desk-content{padding:0}.desk-grid,.desk-grid-2,.desk-grid-3,.desk-grid-4{display:block}.desk-grid>*,.desk-grid-2>*,.desk-grid-3>*{margin-bottom:12px}.desk-sensor-grid{display:block}.desk-sensor-main{grid-column:auto}.desk-panel-head{border-radius:0 0 22px 22px;padding:12px 18px 4px}.desk-panel-content{padding:10px 14px}}.btn{width:100%;padding:14px;border:none;border-radius:var(--rf);font-family:var(--font);font-size:14.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn:active{transform:scale(.97)}.btn-g{background:var(--g);color:#fff;box-shadow:0 4px 16px #4caf5040}.btn-g:hover{background:var(--gH)}.btn-o{background:var(--bg3);color:var(--t3);border:1.5px solid var(--brd)}.lbl{font-size:11px;font-weight:700;color:var(--t4);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.ibox{display:flex;align-items:center;gap:12px;border:1.5px solid var(--brd);border-radius:var(--r);padding:13px 16px;margin-bottom:16px;background:var(--bg3);transition:all .25s}.ibox:focus-within{border-color:var(--g);background:var(--bg2)}.ibox input{flex:1;border:none;outline:none;font-family:var(--font);font-size:14px;color:var(--t1);background:transparent}.ibox input::placeholder{color:var(--t5)}.ibtn{background:none;border:none;cursor:pointer;padding:4px;display:flex;color:var(--t4)}.ibtn:hover{color:var(--g)}.gbtn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--t3);transition:all .2s}.gbtn:hover{background:var(--bg3);color:var(--g)}.hd{display:flex;align-items:center;padding:14px 18px;gap:10px}.hd .bk{background:none;border:none;cursor:pointer;padding:4px;display:flex;color:var(--t1)}.hd .bk:hover{color:var(--g)}.hd-t{font-size:16px;font-weight:700}.bn{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:420px;background:var(--bg2);border-top:1px solid var(--brd);display:flex;justify-content:space-around;padding:6px 0 max(14px,env(safe-area-inset-bottom));z-index:100}@media(min-width:768px){.bn{display:none!important}}.bni{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:6px 16px;border-radius:10px;color:var(--t1)}.bni:hover{background:var(--gBg)}.bnl{font-size:10px;font-weight:600;color:var(--t5)}.bnl.on{color:var(--g)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}@media(max-width:767px){.modal-bg{align-items:flex-end}}.modal{width:100%;max-width:500px;background:var(--bg2);border-radius:20px;padding:24px;max-height:80vh;overflow-y:auto;animation:up .3s;color:var(--t1)}@media(max-width:767px){.modal{border-radius:20px 20px 0 0;max-width:420px}}.modal-bar{width:40px;height:4px;background:var(--brd2);border-radius:2px;margin:0 auto 16px}.modal h3{font-size:17px;font-weight:700;margin-bottom:14px}.card{background:var(--bg2);border-radius:var(--r);overflow:hidden;border:1px solid var(--brd)}.row{display:flex;align-items:center;padding:13px 16px;gap:12px;cursor:pointer;border-bottom:1px solid var(--bg3)}.row:last-child{border-bottom:none}.row:hover{background:var(--bg3)}.row-ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.row-t{font-size:13.5px;font-weight:600}.row-s{font-size:11.5px;color:var(--t4);margin-top:1px}.pc{background:var(--bg2);border-radius:18px;overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:var(--cardSh);border:1px solid var(--brd)}@media(max-width:767px){.pc{margin:0 18px 12px}}.pc:hover{box-shadow:0 6px 24px #0000001f;transform:translateY(-2px)}.pc:active{transform:scale(.985)}.pc-img{height:140px;position:relative;overflow:hidden}@media(min-width:768px){.pc-img{height:160px}}.pc-img img{width:100%;height:100%;object-fit:cover}.pc-badge{position:absolute;top:10px;right:10px;padding:4px 12px;border-radius:var(--rf);font-size:10px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:5px}.ba{background:#4caf50e0;color:#fff}.bw{background:#e53935e0;color:#fff}.bo{background:#646464cc;color:#fff}.adot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 2s infinite}.pc-body{padding:12px 16px 14px}.pc-name{font-size:14.5px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.pc-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--t4)}.pc-meta.al{color:#f9a825;font-weight:600}.pn-chips{display:flex;gap:7px;overflow-x:auto;padding:0 36px 8px 0;scrollbar-width:none}.pn-chips::-webkit-scrollbar{display:none}.chip{padding:7px 14px;border-radius:var(--rf);font-size:11.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s;border:1.5px solid rgba(255,255,255,.15);color:#ffffffa6;background:#ffffff14;display:flex;align-items:center;gap:6px;flex-shrink:0}.chip.on{background:#fff;color:#2e7d32;border-color:#fff;box-shadow:0 2px 8px #0000001f;font-weight:700}.mc{background:var(--bg2);border-radius:var(--r);padding:16px;margin-bottom:10px;border:1px solid var(--brd)}.mc-lb{font-size:12px;color:var(--t4);display:flex;align-items:center;gap:6px;font-weight:500}.mc-tag{font-size:9.5px;padding:3px 10px;border-radius:var(--rf);font-weight:700}.tok{background:var(--gBg);color:var(--g)}.twrn{background:var(--aBg);color:#bf360c}.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.alr{background:var(--bg2);border-radius:var(--r);padding:12px 14px;margin-bottom:7px;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--brd);border-left:3px solid #F9A825;cursor:pointer}.alr:hover{transform:translateY(-1px)}.alr.grn{border-left-color:var(--g)}.alr-h{font-size:13px;font-weight:700}.alr-p{font-size:11.5px;color:var(--t4);margin-top:2px;line-height:1.4}.irr{background:var(--bg2);border-radius:18px;padding:18px;margin:10px 0;text-align:center;border:1px solid var(--brd)}.irr-btn{flex:1;padding:12px;border-radius:var(--r);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.irr-on{background:var(--g);color:#fff}.irr-on.act{background:#e53935}.irr-off{background:var(--bg3);color:var(--t3);border:1.5px solid var(--brd)}.ptabs{display:flex;gap:3px;background:var(--bg3);border-radius:11px;padding:3px}.ptab{flex:1;padding:8px;border:none;border-radius:9px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;color:var(--t4);background:transparent;transition:all .2s}.ptab.on{background:var(--bg2);color:var(--g);box-shadow:0 1px 4px #0000000f}.sch-card{background:var(--bg2);border-radius:var(--r);padding:16px;border:1px solid var(--brd);margin-bottom:10px}.sch-days{display:flex;gap:5px}.sch-day{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;border:1.5px solid var(--brd);color:var(--t4);cursor:pointer}.sch-day.on{background:var(--g);color:#fff;border-color:var(--g)}.toggle{width:46px;height:24px;border-radius:12px;background:var(--brd2);cursor:pointer;position:relative;transition:background .3s;border:none;padding:0}.toggle.on{background:var(--g)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .3s;box-shadow:0 1px 3px #0003}.toggle.on:after{transform:translate(22px)}.panel-tabs{display:flex;gap:0;padding:8px 12px 0}.panel-tab{flex:1;padding:8px 4px 10px;background:none;border:none;border-bottom:2px solid transparent;color:#fff6;font-family:var(--font);font-size:10.5px;font-weight:500;cursor:pointer;transition:all .2s}.panel-tab.on{border-bottom-color:#fff;color:#fff;font-weight:700}@media(min-width:768px){.panel-tab{font-size:13px;padding:10px 8px 12px}}.fab{position:fixed;bottom:82px;right:22px;width:48px;height:48px;border-radius:50%;background:var(--g);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #4caf5059;z-index:50}@media(min-width:768px){.fab{bottom:28px;right:28px;width:54px;height:54px}}.spinner{width:22px;height:22px;border:2.5px solid var(--brd);border-top-color:var(--g);border-radius:50%;animation:spin .8s linear infinite}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-ov{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#19320ad1,#0f2308eb,#0a1405f5)}a.link{color:var(--g);font-weight:600;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:3px}a.link:hover{text-decoration:underline}.pbar{height:6px;border-radius:3px;background:var(--bg3);overflow:hidden}.pbar-fill{height:100%;border-radius:3px;transition:width .6s ease}.check-row{display:flex;align-items:flex-start;gap:10px;padding:12px 0;cursor:pointer}.check-box{width:20px;height:20px;border-radius:6px;border:2px solid var(--brd);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.check-box.on{background:var(--g);border-color:var(--g)}.auth-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}@media(min-width:768px){.auth-wrap{padding:40px}.auth-box{background:var(--bg2);border-radius:24px;box-shadow:0 20px 60px #0000001a;border:1px solid var(--brd);overflow:hidden}}.auth-box{width:100%;max-width:420px}.desk-only{display:none}@media(min-width:768px){.desk-only{display:block}}@media(min-width:768px){.app .pn-chips{padding:0 8px 8px 0}}.mob-only{display:flex}@media(min-width:768px){.mob-only{display:none!important}}@media(min-width:768px){.sys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:100%}.sys-grid .pc{margin:0;width:100%}.desk-main{flex:1;min-width:0}.sf{width:100%}}@media(max-width:767px){.sys-grid .pc{margin:0 18px 12px;width:auto}}