:root{font-family:Vazirmatn,Tahoma,sans-serif;color:#10262e;background:#eef4f4;font-synthesis:none;--navy:#071a26;--teal:#0b998f;--aqua:#16b7a5;--line:#dce7e7;--muted:#6b7e84;--red:#d84c58;--shadow:0 12px 32px rgba(7,26,38,.07)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 95% 0,#dff5f0 0,transparent 26%),#f2f7f7}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 0 0 auto;width:264px;background:linear-gradient(180deg,#071a26,#0a2430);color:#fff;padding:26px 20px;z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px}.brand img{width:46px;height:46px;border-radius:14px}.brand div{display:flex;flex-direction:column}.brand b{font-size:18px;letter-spacing:-.2px}.brand span{font-size:10px;opacity:.58}.sidebar-user{display:flex;gap:11px;align-items:center;margin:30px 0 20px;padding:14px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px}.avatar{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#16b7a5,#087aa0);font-weight:800}.sidebar-user div:last-child{display:flex;flex-direction:column}.sidebar-user strong{font-size:13px}.sidebar-user span{font-size:10px;opacity:.6}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-button{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:12px;text-align:right}.nav-button span{font-size:21px;width:24px;text-align:center;font-weight:400}.nav-button b{font-weight:500;font-size:13px}.sidebar .nav-button.active{background:linear-gradient(90deg,#16b7a530,#16b7a514);color:#72ebdd;box-shadow:inset -3px 0 #17b9a7}.sidebar-foot{margin-top:auto;font-size:11px;color:#9ab0b5;display:flex;align-items:center;gap:8px;padding:0 10px}.dot{width:8px;height:8px;border-radius:50%;background:#d84c58}.dot.online{background:#22c995;box-shadow:0 0 0 4px #22c9951f}.main-content{margin-right:264px;min-height:100vh}.topbar{height:94px;padding:18px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(180,202,202,.6);background:#f6fafabf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar h1{margin:2px 0 0;font-size:23px}.eyebrow{font-size:11px;color:#789095}.icon-button{border:1px solid var(--line);background:#fff;width:42px;height:42px;border-radius:13px;font-size:23px;color:#31515b}.mobile-brand{display:none}.page{padding:28px 36px 110px;max-width:1440px;margin:auto}.offline-banner{background:#a43b46;color:#fff;padding:8px 24px;text-align:center;font-size:12px}.bottom-nav{display:none}.hero-card{min-height:214px;border-radius:26px;padding:32px 38px;color:#fff;background:radial-gradient(circle at 14% 16%,rgba(36,207,186,.27),transparent 30%),linear-gradient(120deg,#092332,#0a3541);display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 45px #071a2624;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-35px;bottom:-145px;box-shadow:0 0 0 42px #ffffff06,0 0 0 84px #ffffff05}.date-chip,.pill,.step-mark{display:inline-flex;padding:5px 11px;border-radius:999px;background:#23d2bc26;color:#71eadc;font-size:11px}.hero-card h2{font-size:28px;margin:14px 0 4px}.hero-card p{margin:0;color:#b9d0d4;font-size:13px}.hero-action{margin-top:22px;background:transparent;border:0;color:#69e0d3;padding:0;font-weight:700;font-size:12px}.progress-ring{--progress:0deg;width:136px;height:136px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#21cbb7 var(--progress),rgba(255,255,255,.1) 0);position:relative;margin-left:8%}.progress-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0a2b38}.progress-ring div{position:relative;display:flex;flex-direction:column;text-align:center}.progress-ring b{font-size:25px}.progress-ring span{font-size:10px;color:#9fbabf}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat-card{background:#fff;border:1px solid #e1eaea;border-radius:19px;padding:19px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow)}.stat-card>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:22px}.stat-card div{display:flex;flex-direction:column}.stat-card b{font-size:24px}.stat-card small{color:var(--muted);font-size:11px}.stat-card.blue>span{background:#e9f1ff;color:#3d70c8}.stat-card.green>span{background:#e6f7ef;color:#16926a}.stat-card.red>span{background:#fdebec;color:#d84c58}.stat-card.aqua>span{background:#e3f8f5;color:#0b998f}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel{background:#ffffffeb;border:1px solid #e0eaea;border-radius:22px;box-shadow:var(--shadow);padding:23px}.panel-title,.section-head{display:flex;justify-content:space-between;align-items:center}.panel-title h3,.section-head h2{margin:0;font-size:16px}.panel-title button,.text-button,.back-button{background:transparent;border:0;color:#0b998f;font-size:11px}.hall-row{display:flex;align-items:center;gap:38px;padding:23px 12px 4px}.hall-visual{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#fff 55%,transparent 57%),conic-gradient(#16b7a5 0 68%,#dbe9e8 68%);flex:none}.hall-visual span{font-size:25px;font-weight:800}.hall-visual small{font-size:10px;color:var(--muted)}.hall-details{flex:1}.status-line{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:8px 0;font-size:11px}.status-line i{width:8px;height:8px;border-radius:50%}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.quick{border:1px solid var(--line);background:#f9fcfc;border-radius:16px;padding:19px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#29444d}.quick:hover{border-color:#62cbbf;background:#f0fbf9}.quick span{font-size:27px}.quick b{font-size:11px}.full-panel{min-height:calc(100vh - 160px)}.section-head{padding-bottom:20px;border-bottom:1px solid #edf2f2}.section-head h2{font-size:20px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.segmented,.tank-filters{display:flex;background:#edf4f3;padding:4px;border-radius:12px}.segmented button,.tank-filters button{border:0;background:transparent;padding:8px 15px;border-radius:9px;color:#657b81;font-size:11px}.segmented button.active,.tank-filters button.active{background:#fff;color:#0a837b;box-shadow:0 3px 10px #071a2614}.task-list{display:flex;flex-direction:column;gap:11px;margin-top:18px}.task-card{border:1px solid var(--line);border-right:4px solid #8ab4bd;border-radius:16px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff}.task-card.priority-1{border-right-color:#d84c58}.task-card.priority-2{border-right-color:#e29d3d}.task-main{display:flex;gap:14px;align-items:flex-start;min-width:0}.task-icon{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;background:#edf7f6;font-size:24px;flex:none}.task-meta{display:flex;gap:9px;align-items:center;font-size:9px;color:#819298}.tank-badge{background:#0b998f;color:#fff;padding:3px 8px;border-radius:7px;font-size:11px;font-weight:800}.task-card h3{font-size:14px;margin:7px 0 2px}.task-card p{font-size:11px;color:var(--muted);margin:0;white-space:pre-line}.task-actions{display:flex;gap:7px;flex:none}.task-actions button{border:0;border-radius:10px;padding:9px 11px;font-size:10px}.task-actions .done{background:#dff5ec;color:#137a58}.task-actions .later{background:#f1f3f3;color:#64757a}.task-actions .problem{background:#fdebed;color:#bf3b48}.modal-backdrop{position:fixed;inset:0;background:#05151ca6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:23px;padding:25px;position:relative;box-shadow:0 30px 70px #00000040}.modal h3{margin:0;font-size:20px}.modal>p{color:var(--muted);font-size:11px}.modal-close{position:absolute;left:16px;top:16px;border:0;background:#eef3f3;width:33px;height:33px;border-radius:10px;font-size:20px}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.reason-grid button{border:1px solid var(--line);background:#fafcfc;border-radius:12px;padding:13px;text-align:right;font-size:11px}.reason-grid button:hover{border-color:#df7780;background:#fff5f6}.search{border:1px solid var(--line);background:#f7fafa;border-radius:12px;padding:10px 14px;width:230px;outline:0}.search:focus{border-color:#2ba}.tank-filters{width:max-content;margin:17px 0}.tank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:13px}.tank-card{border:1px solid var(--line);border-radius:17px;background:#fff;padding:13px;text-align:right;position:relative;overflow:hidden;min-height:205px}.tank-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px #071a261a;border-color:#9bd7d1}.tank-card.has-problem{border-color:#e6989f}.tank-card-head{display:flex;justify-content:space-between;align-items:center}.tank-card-head b{font-size:17px}.tank-card-head span{font-size:9px;color:#71858a;background:#edf3f3;padding:3px 7px;border-radius:6px}.tank-card.has-problem .tank-card-head span{color:#b73340;background:#fdebed}.water-box{height:59px;margin:13px -13px;background:linear-gradient(180deg,#f7fcfc,#d8f3ef);position:relative;overflow:hidden}.tank-card.empty .water-box{filter:grayscale(1);opacity:.45}.water-box:before,.water-box:after,.water-box i{content:"";position:absolute;border-radius:50%;border:1px solid rgba(15,145,157,.22)}.water-box:before{width:22px;height:22px;left:25%;top:20px}.water-box:after{width:9px;height:9px;left:43%;top:10px}.water-box i:nth-child(1){width:6px;height:6px;right:22%;top:29px}.water-box i:nth-child(2){width:12px;height:12px;right:38%;top:13px}.tank-card-info{display:flex;flex-direction:column;min-height:44px}.tank-card-info strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tank-card-info small{font-size:9px;color:var(--muted)}.tank-card em{display:inline-block;margin-top:8px;font-style:normal;font-size:9px;background:#edf4ff;color:#3d6faf;padding:4px 7px;border-radius:6px}.detail-code{font-size:31px;font-weight:800;color:#0b998f}.tank-detail pre,.command-reply pre{white-space:pre-wrap;font-family:inherit;font-size:11px;line-height:2;color:#304a52;background:#f5f9f9;padding:15px;border-radius:13px}.operation-group{margin-top:24px}.operation-group>h3{font-size:12px;color:#677c82}.operation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.operation-grid>button{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px;text-align:right;display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;column-gap:12px}.operation-grid>button:hover{border-color:#67cfc3;background:#f5fcfb}.operation-grid span{grid-row:1/3;width:45px;height:45px;background:#edf8f7;border-radius:14px;display:grid;place-items:center;font-size:24px}.operation-grid b{font-size:12px;align-self:end}.operation-grid small{font-size:9px;color:#799096}.back-button{font-size:12px;margin-bottom:18px}.command-reply{display:flex;gap:12px;align-items:flex-start}.bot-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#16b7a5,#0878a0);color:#fff;font-size:11px;font-weight:800;flex:none}.command-reply pre{margin:0;flex:1;background:#edf7f5;font-size:12px}.command-input{display:flex;gap:8px;margin-top:15px}.command-input input{flex:1;border:1px solid var(--line);border-radius:12px;padding:13px;outline:none}.command-input button,.primary{border:0;border-radius:12px;background:linear-gradient(135deg,#0b998f,#087e98);color:#fff;padding:11px 21px;font-weight:700}.reply-buttons,.number-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:16px 52px 0}.reply-buttons button,.number-buttons button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 16px;font-size:11px}.number-buttons button{min-width:42px}.reply-buttons .primary{background:#0b998f;color:#fff;border-color:#0b998f}.profile-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:18px}.profile-card{text-align:center}.profile-avatar{width:78px;height:78px;border-radius:24px;background:linear-gradient(135deg,#16b7a5,#0878a0);color:#fff;display:grid;place-items:center;font-size:31px;font-weight:800;margin:10px auto}.profile-card h2{margin:14px 0 4px}.role-chip{font-size:10px;background:#e7f7f4;color:#0b847a;padding:5px 10px;border-radius:999px}.profile-card dl{margin-top:25px;text-align:right}.profile-card dl div{display:flex;justify-content:space-between;padding:12px;border-top:1px solid #edf1f1;font-size:11px}.profile-card dt{color:var(--muted)}.profile-card dd{margin:0;font-weight:700}.settings-card h2{font-size:17px}.settings-card>button{width:100%;border:0;border-bottom:1px solid #edf2f2;background:transparent;padding:16px 4px;display:flex;gap:14px;text-align:right}.settings-card>button>span{width:39px;height:39px;border-radius:12px;background:#edf7f6;display:grid;place-items:center;font-size:20px}.settings-card>button>div{display:flex;flex-direction:column}.settings-card b{font-size:12px}.settings-card small{font-size:9px;color:var(--muted)}.settings-card .danger-link{color:#bd3946}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-visual{background:radial-gradient(circle at 20% 20%,rgba(30,205,184,.2),transparent 28%),linear-gradient(145deg,#071a26,#0b3541);color:#fff;padding:48px;display:flex;flex-direction:column}.auth-copy{margin:auto 7%;max-width:520px}.auth-copy h1{font-size:47px;line-height:1.45;margin:18px 0}.auth-copy p{color:#b0c8cd;font-size:14px}.auth-panel{display:grid;place-items:center;padding:30px}.auth-box,.claim-card{width:min(390px,100%)}.auth-box h2,.claim-card h2{font-size:26px;margin:0}.auth-box>p,.claim-card>p{font-size:12px;color:var(--muted);margin-bottom:28px}.auth-box label{display:flex;flex-direction:column;gap:7px;font-size:11px;margin:14px 0}.auth-box input,.code-input{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px;outline:0}.auth-box input:focus,.code-input:focus{border-color:#0ca395;box-shadow:0 0 0 3px #0b998f1a}.wide{width:100%;margin-top:13px}.text-button{display:block;margin:18px auto}.center-screen{min-height:100vh;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:25px;text-align:center}.center-screen>p{color:var(--muted);font-size:11px}.loader{width:28px;height:28px;border:3px solid #cfe0df;border-top-color:#0b998f;border-radius:50%;animation:spin .7s linear infinite}.section-loader{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:var(--muted);font-size:10px}.claim-card,.config-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.claim-card .brand{justify-content:center;margin-bottom:30px}.claim-card .step-mark{color:#0b847a}.code-input{width:100%;font-size:25px;text-align:center;letter-spacing:10px;margin:10px 0}.config-card code{direction:ltr;background:#eef4f4;padding:3px 6px;border-radius:5px}.toast{position:fixed;bottom:25px;left:25px;z-index:200;background:#0b2935;color:#fff;border-right:4px solid #20c6b3;padding:13px 18px;border-radius:11px;box-shadow:0 15px 35px #00000038;font-size:11px;max-width:360px}.empty-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state>span{width:65px;height:65px;border-radius:22px;background:#e6f7f2;color:#11916f;display:grid;place-items:center;font-size:32px}.empty-state h3{margin:16px 0 3px}.empty-state p{font-size:11px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.sidebar{width:220px}.main-content{margin-right:220px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.operation-grid{grid-template-columns:repeat(3,1fr)}.auth-copy h1{font-size:38px}}@media(max-width:720px){body{background:#f2f7f7}.sidebar{display:none}.main-content{margin:0}.topbar{height:77px;padding:11px 15px;position:sticky}.topbar>div:nth-child(2){flex:1;margin-right:10px}.topbar h1{font-size:17px}.eyebrow{font-size:9px}.mobile-brand{display:block}.mobile-brand .brand div{display:none}.mobile-brand .brand img{width:42px;height:42px}.page{padding:14px 12px 92px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;height:72px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav .nav-button{flex-direction:column;justify-content:center;gap:1px;padding:6px 2px;border-radius:0;color:#789096}.bottom-nav .nav-button span{font-size:19px}.bottom-nav .nav-button b{font-size:8px}.bottom-nav .nav-button.active{color:#0b998f}.hero-card{min-height:184px;padding:24px 21px}.hero-card h2{font-size:22px}.hero-card p{font-size:11px}.progress-ring{width:100px;height:100px;margin:0}.progress-ring b{font-size:19px}.progress-ring span{font-size:8px}.stat-grid{gap:9px;margin:10px 0}.stat-card{padding:13px 11px;border-radius:15px}.stat-card>span{width:39px;height:39px;border-radius:12px}.stat-card b{font-size:19px}.stat-card small{font-size:8px}.dashboard-grid{gap:10px}.panel{border-radius:17px;padding:15px}.hall-row{gap:18px;padding:18px 0}.hall-visual{width:95px;height:95px}.full-panel{min-height:calc(100vh - 180px)}.section-head{align-items:flex-start;gap:12px}.section-head h2{font-size:17px}.section-head p{font-size:9px}.task-card{display:block;padding:13px}.task-icon{width:39px;height:39px}.task-card h3{font-size:12px}.task-card p{font-size:9px}.task-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr 1fr}.task-actions button{padding:9px 4px;font-size:9px}.reason-grid{grid-template-columns:1fr}.tank-head{display:block}.search{width:100%;margin-top:12px}.tank-filters{overflow-x:auto;width:100%}.tank-filters button{white-space:nowrap}.tank-grid{grid-template-columns:repeat(2,1fr);gap:9px}.tank-card{min-height:190px}.operation-grid{grid-template-columns:repeat(2,1fr);gap:9px}.operation-grid>button{display:flex;flex-direction:column;padding:13px;gap:6px}.operation-grid span{width:39px;height:39px}.operation-grid small{display:none}.command-reply{display:block}.bot-mark{margin-bottom:8px}.reply-buttons,.number-buttons{margin:12px 0}.command-input{position:sticky;bottom:78px;background:#fff;padding-top:8px}.command-input input{min-width:0}.profile-grid{grid-template-columns:1fr}.auth-layout{display:block;background:#fff}.auth-visual{min-height:255px;padding:25px}.auth-copy{margin:auto 0 0}.auth-copy h1{font-size:27px;margin:12px 0}.auth-copy p{font-size:11px}.auth-panel{padding:28px 22px}.auth-box h2{font-size:22px}.toast{bottom:86px;left:12px;right:12px;max-width:none}.modal{padding:20px}.offline-banner{font-size:9px}}.workers-panel{margin-top:18px}.workers-panel .panel-title>span{font-size:10px;color:var(--muted)}.worker-list{display:flex;flex-direction:column;margin-top:12px}.worker-list>div{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:12px 3px;border-top:1px solid #edf2f2}.worker-avatar{width:39px;height:39px;border-radius:12px;background:#e6f7f4;color:#0b857b;display:grid;place-items:center;font-weight:800}.worker-list>div>div:nth-child(2){display:flex;flex-direction:column}.worker-list b{font-size:11px}.worker-list small{font-size:9px;color:var(--muted)}.worker-list button{border:1px solid #9bd8d1;background:#f2fbfa;color:#0a837b;border-radius:9px;padding:8px 11px;font-size:9px}.link-modal{text-align:center}.link-modal strong{display:block;direction:ltr;font-size:36px;letter-spacing:8px;color:#0a8d83;margin:20px}.link-modal p{line-height:2}.auth-divider{display:flex;align-items:center;gap:10px;color:#899a9e;font-size:9px;margin:20px 0 12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e4ecec;flex:1}.worker-login{width:100%;border:1px solid #80cfc6;background:#eefaf8;color:#087d75;border-radius:12px;padding:12px;font-weight:700;font-size:11px}.choice-buttons button{min-width:130px;text-align:center;font-weight:700}@media(max-width:720px){.choice-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.choice-buttons button{min-width:0}}