@font-face{font-family:QVArabic;src:local('Noto Sans Arabic'),local('Tahoma')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f6f5;color:#182c2b;font-family:QVArabic,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:#137d64;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.5;letter-spacing:-.5px}h2{font-size:19px}h3{font-size:15px}small,.muted{color:#738582}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;unicode-bidi:isolate}.ltr{direction:ltr;text-align:left}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.boot{display:grid;place-content:center;height:100vh;text-align:center;color:#127d65;font:700 30px Arial;gap:15px}.boot span{font:14px Tahoma;color:#71817e}.shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{background:#142c2b;color:#cad8d4;position:sticky;top:0;height:100vh;padding:34px 22px 22px;display:flex;flex-direction:column}.brand{direction:ltr;text-align:right;color:white;font-family:Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:2px;line-height:1.15}.brand em{font-style:normal;color:#79d5b8}.brand-sub{font-size:10px;color:#9cb5ae;letter-spacing:2px;text-align:right;margin-top:8px;direction:ltr}.workspace-label{margin-top:42px;color:#728f86;font-size:10px;letter-spacing:1px}.nav{display:grid;gap:7px;margin-top:12px}.nav button{display:flex;align-items:center;gap:12px;border:0;background:none;text-align:right;color:#b2c7c0;padding:13px;border-radius:9px}.nav button.active{background:#28473f;color:#b0f3d7}.nav button:hover{background:#223e37}.nav button .badge-count{margin-right:auto;background:#355b4b;color:#b7f1d9;border-radius:5px;padding:0 6px;font-size:11px}.sidebar-bottom{margin-top:auto;border-top:1px solid #2a4540;padding-top:20px}.owner{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;background:#dceee6;color:#23644d;border-radius:12px;width:38px;height:38px;font-weight:bold;flex:none}.owner strong{font-size:12px;color:#e3ece9}.owner small{display:block;font-size:10px;color:#92aba3}.main{min-width:0}.topbar{height:76px;border-bottom:1px solid #e4eae6;background:#fff;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{color:#738582;font-size:12px}.breadcrumb strong{color:#2e5147;font-weight:500}.top-actions{display:flex;align-items:center;gap:18px;color:#75847e;font-size:11px}.pill-dot{display:inline-flex;align-items:center;gap:7px}.pill-dot:before{content:'';width:6px;height:6px;background:#58ac87;border-radius:50%}.content{padding:32px 38px 45px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{color:#5c8e77;font:600 10px Arial;letter-spacing:2.2px;margin-bottom:7px;direction:ltr;text-align:right}.subtitle{color:#7c8c86;font-size:12px;margin-top:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce6df;border-radius:8px;background:#fff;padding:10px 16px;color:#335749;font-size:12px;white-space:nowrap;min-height:42px}.btn.primary{background:#207454;border-color:#207454;color:#fff;box-shadow:0 3px 5px #174b2510}.btn.primary:hover{background:#185f43}.btn.soft{background:#eaf4ee;border-color:#eaf4ee;color:#25734f}.btn.danger{color:#b54c45;border-color:#efd7d4;background:#fff9f8}.btn.icon-btn{padding:9px;min-height:38px}.btn.small{font-size:11px;padding:6px 10px;min-height:32px}.btn.ghost{border-color:transparent;background:transparent;color:#73877c}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid #e1e8e2;border-radius:11px;padding:20px;position:relative;min-height:125px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#718078;font-size:12px}.stat-icon{width:34px;height:34px;border-radius:9px;background:#f0f5f1;color:#618773;display:grid;place-items:center}.stat-number{font:600 31px Arial;margin-top:10px;color:#294c3b}.stat-foot{font-size:10px;color:#92a094;margin-top:2px}.panel{background:#fff;border:1px solid #e1e8e2;border-radius:11px;overflow:hidden}.panel.pad{padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid #edf0ec;gap:12px}.panel-head h2{font-size:15px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;gap:15px;flex-wrap:wrap}.search{position:relative;flex:1;max-width:370px}.search input{padding-right:40px}.search .icon{position:absolute;right:12px;top:12px;color:#9aa99f;width:17px}.control{width:100%;padding:10px 12px;border:1px solid #dfe6df;border-radius:7px;background:#fff;color:#284336;outline:none;min-height:42px}.control:focus{border-color:#4e9f79;box-shadow:0 0 0 3px #63b88b16}textarea.control{min-height:90px;resize:vertical}.filters{display:flex;gap:5px;background:#f3f6f2;padding:4px;border-radius:7px}.filter{border:0;background:transparent;color:#81917f;padding:6px 13px;border-radius:5px;font-size:11px}.filter.active{background:#fff;color:#286c48;box-shadow:0 1px 4px #243d3310}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:right;color:#8e9d91;background:#fafbf9;font-size:10px;font-weight:500;padding:13px 24px;border-block:1px solid #edf1eb}td{padding:19px 24px;border-bottom:1px solid #edf1eb;font-size:12px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfb}.device-cell{display:flex;align-items:center;gap:12px}.screen-icon{width:42px;height:42px;border:1px solid #e0e8df;border-radius:9px;display:grid;place-items:center;background:#f4f8f2;color:#719464}.device-name{border:0;background:none;padding:0;color:#23452d;text-align:right;font-weight:600;font-size:12px}.device-name:hover{color:#159265}.device-code{display:block;color:#98a292;font-size:10px;margin-top:3px}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:3px 8px;font-size:10px;background:#f0f3ef;color:#7e8c7b;white-space:nowrap}.tag.good{background:#eaf5eb;color:#3c9157}.tag.good:before,.tag.warn:before,.tag.bad:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.tag.warn{background:#fff5df;color:#b48c3b}.tag.bad{background:#fbeeed;color:#b47268}.tag.info{background:#edf2f9;color:#6986ab}.empty{padding:65px 20px;text-align:center;display:grid;justify-items:center;gap:13px}.empty .icon{width:42px;height:42px;color:#91ae94}.empty p{color:#8c9b89;max-width:370px;font-size:12px}.hint-row{display:flex;gap:10px;align-items:flex-start;margin-top:20px;color:#8b9b88;font-size:11px}.hint-row .icon{width:15px;height:15px;margin-top:3px}.grid-2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:20px;margin-top:20px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-copy{color:#879581;font-size:12px;margin-top:5px}.notice{background:#f4f8ef;border:1px solid #e1ead4;color:#70835c;padding:12px 15px;border-radius:8px;font-size:12px;display:flex;gap:9px;align-items:flex-start;margin-bottom:20px}.notice.warn{background:#fffaec;border-color:#efe4be;color:#957936}.notice .icon{width:17px;height:17px;flex:none;margin-top:2px}.tabs{display:flex;gap:4px;border-bottom:1px solid #dfe6db;overflow:auto;white-space:nowrap;margin:4px 0 24px}.tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#8a9982;padding:13px 17px;font-size:12px}.tab.active{border-color:#428c54;color:#2b7240;font-weight:bold}.device-title{display:flex;align-items:center;gap:14px}.device-title .screen-icon{width:58px;height:58px}.device-title .screen-icon .icon{width:28px;height:28px}.detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #e1e7d9;background:#e1e7d9;border-radius:9px;overflow:hidden;margin-bottom:20px}.detail-kpis div{background:white;padding:16px 20px}.detail-kpis small{font-size:10px;color:#91a087}.detail-kpis strong{display:block;color:#385832;font-size:18px;margin-top:6px}.monitor{background:#142e28;border-radius:11px;padding:26px;display:flex;align-items:center;justify-content:center;min-height:255px;position:relative;overflow:hidden}.monitor:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top right,#3e695a60,transparent 65%)}.monitor-screen{background:#0d1b17;border:6px solid #334a3d;box-shadow:0 13px 30px #0004;border-radius:8px;width:118px;height:193px;display:grid;place-content:center;justify-items:center;color:#87ba91;position:relative;gap:15px}.monitor-screen span{font:600 16px Arial;letter-spacing:1px}.monitor-screen small{font-size:9px;color:#839d83}.monitor-screen .icon{width:30px;height:30px}.monitor-label{position:absolute;left:20px;bottom:18px;color:#73927b;font-size:9px}.definition{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px 20px;font-size:12px;margin-top:20px}.definition dt{color:#93a086}.definition dd{margin:0;color:#48643c;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#6c805d;font-weight:600}.field small{font-size:10px;color:#9ca78e}.form-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ecf0e5;margin-top:25px;padding-top:20px;gap:15px}.switch{display:flex;align-items:center;gap:9px;font-size:12px;color:#5b764b}.switch input{accent-color:#3e8d4b;width:17px;height:17px}.schedule-table{margin-top:20px;display:grid;gap:9px}.day-row{display:grid;grid-template-columns:100px minmax(0,1fr) 32px;gap:14px;align-items:start;padding:13px;background:#f9fbf6;border:1px solid #e9eee0;border-radius:8px}.day-label{padding-top:6px}.day-spans{display:grid;gap:7px}.span-row{display:flex;align-items:center;gap:8px;color:#8c9f7b}.span-row input{width:110px;font-size:12px;padding:7px;min-height:35px}.day-row.is-closed .day-spans{opacity:.4;pointer-events:none}.closed-label{font-size:11px;color:#acb69b;padding-top:7px}.stack{display:grid;gap:20px}.progress{background:#edf2e6;height:5px;border-radius:4px;margin-top:8px;overflow:hidden}.progress i{display:block;background:#91b56e;height:100%;border-radius:4px}.activity{display:grid;gap:0}.event{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #edf1e5}.event:last-child{border:0}.event-dot{width:8px;height:8px;border-radius:50%;background:#acd089;flex:none;margin-top:8px}.event div{flex:1}.event p{font-size:12px;color:#58763e}.event small{display:block;font-size:10px;color:#9daa8a;margin-top:3px}.network-list{display:grid;gap:8px;margin-top:15px}.network-choice{display:flex;align-items:center;gap:10px;border:1px solid #e5ecda;border-radius:7px;background:white;padding:10px 12px;color:#6a8c48;text-align:right;width:100%}.network-choice span{flex:1;direction:ltr;text-align:left;color:#4e703b}.network-choice small{font-size:10px}.label-preview-wrap{padding:32px;background:#eff3e9;border-radius:9px;display:grid;place-items:center}.sticker{direction:ltr;background:white;color:#15271e;width:340px;max-width:100%;aspect-ratio:60/35;border:1px solid #d5decc;border-radius:6px;box-shadow:0 12px 25px #36472712;overflow:hidden;display:flex;flex-direction:column}.sticker-head{background:#192f28;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 15px}.sticker-head strong{font:bold 19px Arial;letter-spacing:1px}.sticker-head small{color:#c1d3c1;font:8px Arial}.sticker-body{display:flex;align-items:center;padding:6px 15px;gap:8px;flex:1}.sticker-body .specs{flex:1;font-size:9px;line-height:1.7;text-align:left;min-width:0;overflow:hidden}.sticker-body .specs b{font:600 17px Consolas,monospace;display:block;margin-bottom:4px}.sticker-body img{width:115px;height:115px}.sticker-foot{font:8px Arial;padding:0 15px 8px;color:#88967c}.code-box{background:#f4f7ef;border:1px dashed #becdaa;padding:17px;border-radius:8px;font:18px monospace;direction:ltr;text-align:center;overflow-wrap:anywhere;color:#47682c;margin:15px 0}.code-command{direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:#172f24;color:#d1e9bc;padding:16px;border-radius:8px;font:11px/1.8 monospace;margin-top:13px}.step-list{display:grid;gap:18px;margin-top:22px}.step{display:flex;gap:12px;align-items:flex-start}.step-num{display:grid;place-items:center;width:26px;height:26px;flex:none;background:#e8f1dc;color:#65923d;border-radius:7px;font:12px Arial}.step p{font-size:12px;color:#628048}.step small{font-size:11px;color:#91a27f;display:block}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#142c2b;display:flex;flex-direction:column;padding:65px 70px;color:white;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:'';width:500px;height:500px;position:absolute;left:-170px;bottom:-200px;border:1px solid #375a4b;border-radius:50%;box-shadow:0 0 0 80px #243e3333,0 0 0 160px #243e3322}.login-art .brand{font-size:38px;align-self:flex-start}.login-art h1{font-size:36px;line-height:1.6;font-weight:500;position:relative;z-index:1;max-width:400px}.login-art p{color:#9cb5a1;max-width:340px;margin-top:16px;font-size:13px}.login-art footer{font:10px Arial;letter-spacing:2px;color:#6c8d77;position:relative;z-index:1}.login-form{display:grid;place-content:center;padding:50px;background:#fff}.login-form form{width:330px;max-width:100%;display:grid;gap:20px}.login-form h2{font-size:24px}.login-form .lead{margin-bottom:16px;font-size:12px;color:#98a48e}.login-form .btn{margin-top:8px}.login-mark{width:50px;height:50px;background:#edf5e4;color:#7d9d59;border-radius:12px;display:grid;place-items:center;margin-bottom:25px}.error-text{background:#fff0e9;color:#b37056;border-radius:7px;padding:10px 13px;font-size:12px;display:none}.error-text.visible{display:block}dialog{border:1px solid #dfe7d2;border-radius:13px;max-width:620px;width:calc(100% - 30px);padding:0;box-shadow:0 25px 90px #12301835;color:#2c4720;max-height:90vh}dialog::backdrop{background:#142c2b77;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid #e8eede}.dialog-body{padding:24px 26px}.dialog-head h2{font-size:18px}.dialog-body .subtitle{margin-bottom:20px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(80px);background:#213f2b;color:#fff;box-shadow:0 7px 25px #16302120;border-radius:9px;padding:13px 22px;max-width:90vw;font-size:12px;z-index:99;opacity:0;transition:.2s;pointer-events:none}#toast.visible{transform:translateX(-50%);opacity:1}#toast.error{background:#945245}.mobile-brand{display:none}.split-line{height:1px;background:#e9eedd;margin:24px 0}.header-back{font-size:11px;color:#8a9c7b;display:inline-flex;align-items:center;gap:5px;margin-bottom:15px}.header-back .icon{width:14px}.footer-note{text-align:center;font-size:9px;color:#a3ae93;margin-top:30px}.help-text{font-size:12px;line-height:2;color:#71885a}.offline-banner{background:#fff3dd;color:#a17b36;border-bottom:1px solid #ebd8ae;text-align:center;padding:8px;font-size:11px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid #ffffff50;border-top-color:currentColor;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:focus-visible{outline:2px solid #53a566;outline-offset:3px}@media(max-width:1100px){.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:28px 16px}.content{padding:25px}.topbar{padding:0 25px}.stats{gap:10px}.stat{padding:15px}.grid-2{grid-template-columns:1fr}.login-art{padding:50px}.login-art h1{font-size:28px}td,th{padding-right:16px;padding-left:16px}.grid-equal{grid-template-columns:1fr}}@media(max-width:760px){.shell{display:block}.sidebar{position:sticky;height:auto;padding:13px 17px;z-index:20;display:block}.sidebar .brand{font-size:22px;text-align:center}.brand-sub,.workspace-label,.sidebar-bottom{display:none}.nav{display:flex;justify-content:center;gap:2px;margin-top:12px}.nav button{font-size:10px;padding:8px 10px;gap:6px}.nav .icon{width:16px;height:16px}.nav .badge-count{display:none}.topbar{height:49px;padding:0 18px}.top-actions .date{display:none}.content{padding:23px 16px}.page-head{gap:12px;align-items:flex-start}.page-head h1{font-size:23px}.page-head .actions{justify-content:flex-end}.subtitle{font-size:11px}.btn{font-size:11px;padding:9px 12px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{min-height:110px}.stat-number{font-size:27px}.toolbar{padding:15px}.search{max-width:none;min-width:100%}.filters{width:100%;justify-content:space-between}.filter{font-size:10px;padding:6px 10px}.panel-head{padding:16px}.panel.pad{padding:19px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.detail-kpis{grid-template-columns:repeat(2,1fr)}.detail-kpis div{padding:12px 15px}.tabs{margin-inline:-16px;padding-inline:12px}.tab{padding:12px;font-size:11px}.device-title .screen-icon{width:45px;height:45px}.device-title{gap:10px}.day-row{grid-template-columns:80px minmax(0,1fr) 28px;gap:5px;padding:10px 7px}.day-label{font-size:11px}.span-row{gap:4px}.span-row input{width:82px;font-size:11px;padding:5px}.span-row .btn{padding:5px}.form-footer{align-items:flex-start;flex-direction:column}.form-footer .btn{width:100%}.definition{grid-template-columns:100px minmax(0,1fr);gap:12px;font-size:11px}.label-preview-wrap{padding:20px 10px}.sticker{width:320px}.login{grid-template-columns:1fr}.login-art{padding:28px 25px;min-height:190px}.login-art .brand{font-size:28px}.login-art h1{font-size:22px;margin-top:20px}.login-art p,.login-art footer{display:none}.login-form{padding:35px 25px}.login-form form{width:330px;max-width:calc(100vw - 50px)}.login-mark{display:none}.dialog-body,.dialog-head{padding:19px}.dialog-body .form-grid{gap:13px}.header-back{margin-top:-5px}.page-head.detail{flex-wrap:wrap}.page-head.detail>.actions{width:100%;justify-content:flex-start}.top-actions{gap:8px;font-size:10px}}

.brand-product{display:block;margin-top:5px;font-size:14px;font-weight:500;letter-spacing:2px}
