@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap";*{box-sizing:border-box}:root{font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:#172033;background:#eef2f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--navy: #0d1b2f;--navy-2: #142a45;--blue: #1769aa;--blue2: #228be6;--cyan: #0ea5c9;--green: #13a56b;--green-2: #0b8f5d;--red: #e5484d;--orange: #f59e0b;--yellow: #f5b700;--bg: #eef2f7;--card: #ffffff;--border: #e2e8f0;--muted: #718096;--muted-2: #94a3b8;--shadow-sm: 0 4px 14px rgba(15, 23, 42, .045);--shadow-md: 0 10px 30px rgba(15, 23, 42, .07);--shadow-lg: 0 20px 55px rgba(15, 23, 42, .12)}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 0%,rgba(34,139,230,.075),transparent 27%),radial-gradient(circle at 95% 90%,rgba(19,165,107,.06),transparent 25%),linear-gradient(180deg,#f4f7fb,#eef2f7);direction:rtl}button,input{font-family:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}#app{min-height:100vh}.topbar{min-height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:8px 35px;background:#fffffff5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-logo{width:56px;height:56px;flex:0 0 56px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border:1px solid #e2e8f0;box-shadow:0 6px 16px #1769aa1a}.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}.brand-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.brand-text strong{display:block;color:#0d1b2f;font-size:17px;line-height:1.5;font-weight:800;white-space:nowrap}.brand-text span{display:block;margin-top:2px;color:#64748b;font-size:10px;line-height:1.5;font-weight:500;white-space:nowrap}.user-area{display:flex;align-items:center;gap:14px}#usernameDisplay{font-size:13px;font-weight:600;color:#334155}.online-indicator{display:flex;align-items:center;gap:6px;color:var(--green);font-size:11px;font-weight:600}.online-indicator span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #13a56b1a}.logout-btn{border:1px solid #fecaca;background:#fff;color:var(--red);border-radius:9px;padding:8px 14px;font-size:12px;transition:background .18s}.logout-btn:hover{background:#fff7f7}.dashboard-content{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:34px 0 50px}.device-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.device-header h1{margin:0;color:var(--navy);font-size:28px;font-weight:800;letter-spacing:-.6px}.device-id{margin-top:7px;color:#94a3b8;font-family:Rajdhani,sans-serif;font-size:11px;direction:ltr;text-align:right}.device-id strong{color:#475569}.connection-badge{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:30px;font-size:11px;font-weight:700}.connection-badge span{width:8px;height:8px;border-radius:50%}.connection-badge.online{color:#087f5b;background:#e6fcf5}.connection-badge.online span{background:#12b886;box-shadow:0 0 0 4px #12b8861f}.connection-badge.offline{color:#c92a2a;background:#fff5f5}.connection-badge.offline span{background:#fa5252}.motor-hero{position:relative;overflow:hidden;margin:18px 0;padding:28px 30px 31px;border-radius:21px;background:radial-gradient(circle at 50% 35%,rgba(34,139,230,.14),transparent 32%),linear-gradient(135deg,#0b1628,#153958);text-align:center;color:#fff;box-shadow:0 17px 40px #0f1b3133}.motor-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);transform:translate(-100%)}.motor-hero.motor-running:before{animation:hero-sweep 3s linear infinite}.motor-hero.has-fault{background:radial-gradient(circle at 50% 35%,rgba(229,72,77,.15),transparent 32%),linear-gradient(135deg,#281317,#542229)}.motor-stage{position:relative;width:100%;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:3px}.motor-visual{position:relative;width:330px;height:145px;display:flex;align-items:center;justify-content:center}.motor-housing{position:absolute;right:48px;width:205px;height:102px;border-radius:52px 28px 28px 52px;background:linear-gradient(180deg,#7f91a6,#56697e 48%,#3d5065);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 4px 8px #ffffff1f,inset 0 -8px 13px #00000040,0 13px 25px #00000040}.motor-housing:after{content:"";position:absolute;right:-3px;top:12px;width:21px;height:78px;border-radius:5px 18px 18px 5px;background:linear-gradient(90deg,#405266,#72869a);box-shadow:inset 3px 0 4px #ffffff1a}.motor-rib{position:absolute;right:28px;width:8px;height:91px;border-radius:10px;background:linear-gradient(90deg,#34485d,#8ea0b3,#405468);opacity:.85}.rib-1{right:39px}.rib-2{right:69px}.rib-3{right:99px}.rib-4{right:129px}.rib-5{right:159px}.motor-terminal{position:absolute;top:-15px;right:71px;width:58px;height:23px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:6px 6px 3px 3px;background:#293a4c;box-shadow:0 5px 10px #00000040}.motor-terminal span{width:7px;height:7px;border-radius:50%;background:#c5d0db;box-shadow:inset 0 1px 2px #00000059}.motor-side{position:absolute;right:-30px;width:93px;height:93px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#263a4e 0,#263a4e 51%,#17283a 52%,#17283a 61%,#60758a 62%,#60758a 71%,#31475c 72%,#31475c);border:2px solid #91a2b3;box-shadow:inset 0 0 12px #00000080,0 8px 20px #00000040}.rotor{position:relative;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle,#17283a 0,#17283a 22%,#9aacbd 23%,#9aacbd 29%,#52677c 30%,#52677c);transform-origin:center}.motor-running .rotor{animation:rotor-spin .62s linear infinite}.rotor-core{position:absolute;left:50%;top:50%;width:17px;height:17px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#dce5ec,#72879b 45%,#33495e);box-shadow:inset 0 2px 3px #ffffff40,0 2px 5px #00000073}.rotor-blade{position:absolute;left:50%;top:50%;width:7px;height:27px;transform-origin:50% 3px;margin-left:-3.5px;margin-top:-3px;border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,#40556a,#a6b6c4,#4d6277)}.blade-1{transform:translate(-50%,-3px) rotate(0)}.blade-2{transform:translate(-50%,-3px) rotate(60deg)}.blade-3{transform:translate(-50%,-3px) rotate(120deg)}.blade-4{transform:translate(-50%,-3px) rotate(180deg)}.blade-5{transform:translate(-50%,-3px) rotate(240deg)}.blade-6{transform:translate(-50%,-3px) rotate(300deg)}.motor-shaft{position:absolute;left:38px;width:82px;height:17px;border-radius:10px;background:linear-gradient(180deg,#d2dbe3,#71869a 42%,#40556a);box-shadow:inset 0 2px 3px #ffffff59,0 4px 10px #00000047;z-index:4}.shaft-core{position:absolute;left:6px;right:6px;top:4px;height:3px;border-radius:5px;background:#ffffff52}.motor-base{position:absolute;bottom:3px;left:91px;width:175px;height:19px;border-radius:5px;background:linear-gradient(180deg,#586c80,#34495d);box-shadow:0 7px 13px #00000040}.motor-base span{position:absolute;bottom:-5px;width:13px;height:9px;border-radius:2px;background:#273a4e}.motor-base span:first-child{left:21px}.motor-base span:last-child{right:21px}.motor-stopped .motor-visual{filter:saturate(.75)}.motor-running .motor-visual{filter:saturate(1.15)}.motor-running .motor-housing{box-shadow:inset 0 4px 8px #ffffff21,inset 0 -8px 13px #00000040,0 0 28px #21c68b1f,0 13px 25px #00000040}.motor-state-label{color:#aab9cc;font-size:11px}.motor-state-text{margin-top:5px;font-size:22px;font-weight:800;letter-spacing:-.4px}.motor-running .motor-state-text{color:#62e2ae}.motor-stopped .motor-state-text{color:#e2e8f0}.fault-text-hero{min-height:18px;margin-top:8px;color:#ffb4b4;font-size:12px}@keyframes rotor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hero-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.motor-running .rotor,.motor-hero.motor-running:before{animation:none}}.panel-card{margin-top:17px;padding:23px;border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.panel-card:hover{box-shadow:var(--shadow-md)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading>div:first-child span{display:block;color:var(--navy);font-size:16px;font-weight:800;letter-spacing:-.2px}.section-heading small{display:block;margin-top:3px;color:#94a3b8;font-family:Rajdhani,sans-serif;font-size:10px;direction:ltr;text-align:right}.section-number{color:#cbd5e1;font-family:Rajdhani,sans-serif;font-size:24px;font-weight:700}.command-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.command-btn{height:55px;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:800;transition:transform .18s,box-shadow .18s}.command-btn:hover:not(:disabled){transform:translateY(-1px)}.command-on{background:linear-gradient(135deg,#18b879,#0c8c5c);box-shadow:0 7px 17px #12b8862e}.command-off{background:linear-gradient(135deg,#ef5350,#d92d34);box-shadow:0 7px 17px #d92d3429}.command-reset{background:linear-gradient(135deg,#f5b700,#e58d00);box-shadow:0 7px 17px #e58d0029}.command-message{min-height:20px;margin-top:12px;text-align:center;color:#64748b;font-size:11px}.command-message.success{color:var(--green)}.command-message.error{color:var(--red)}.measurements-grid{display:grid;gap:12px}.measurements-grid.three{grid-template-columns:repeat(3,1fr)}.measurement{display:flex;align-items:center;gap:12px;min-height:90px;padding:15px;border:1px solid #e8edf3;border-radius:13px;background:linear-gradient(145deg,#fff,#f8fafc);transition:transform .18s,border-color .18s,box-shadow .18s}.measurement:hover{transform:translateY(-2px);border-color:#d8e3ef;box-shadow:0 7px 20px #0f172a0e}.measurement-icon{flex:0 0 44px;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eaf4ff;color:var(--blue);font-family:Rajdhani,sans-serif;font-size:17px;font-weight:700}.measurement-icon.phase-pair{font-size:13px;background:#edf5ff;color:#1769aa;border:1px solid #dbeafe}.measurement-icon.current-phase{background:#eefbf6;color:#087f5b;border:1px solid #d5f3e7}.measurement-title{color:#64748b;font-size:11px;font-weight:600}.measurement-value{margin-top:3px;color:var(--navy);font-family:Rajdhani,sans-serif;font-size:25px;line-height:1;font-weight:700;direction:ltr;text-align:right}.measurement small{color:#94a3b8;font-size:9px}.voltage-pairs{margin-top:12px}.rms-highlight{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding:14px 18px;border-radius:12px;background:linear-gradient(100deg,#f0f7ff,#f5f9ff);border:1px solid #dcecff;color:#52667d;font-size:11px;box-shadow:inset 0 1px #fffc}.rms-label-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#dceeff;color:#1769aa;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700}.rms-label-text{text-align:right;min-width:115px}.rms-label-text span{display:block;color:#3d5269;font-size:11px;font-weight:700}.rms-label-text small{display:block;margin-top:2px;color:#94a3b8;font-family:Rajdhani,sans-serif;font-size:9px;direction:ltr;text-align:right}.rms-highlight strong{margin-right:auto;color:var(--blue);font-family:Rajdhani,sans-serif;font-size:27px;line-height:1}.rms-unit{color:#94a3b8;font-size:10px}.current-rms-highlight{background:linear-gradient(100deg,#eefbf6,#f5fcf9);border-color:#d7f1e5}.current-rms-icon{background:#d8f5e7;color:#087f5b}.current-rms-highlight strong{color:#087f5b}.contactor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.contactor-item{display:flex;align-items:center;gap:12px;min-height:78px;padding:13px;border:1px solid #e4e9f0;border-radius:13px;background:#f8fafc;transition:.2s}.contactor-symbol{flex:0 0 48px;width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#64748b;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700}.contactor-info{flex:1}.contactor-info strong{display:block;color:#334155;font-size:13px}.contactor-info small{display:block;margin-top:2px;color:#94a3b8;font-family:Rajdhani,sans-serif;font-size:9px}.contactor-light{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.contactor-status{color:#64748b;font-size:10px;font-weight:600;white-space:nowrap}.contactor-item.active{border-color:#9fe3c8;background:#ecfdf5}.contactor-item.active .contactor-symbol{background:#d1fae5;color:#087f5b}.contactor-item.active .contactor-info strong{color:#087f5b}.contactor-item.active .contactor-light{background:#12b886;box-shadow:0 0 0 4px #12b8861f,0 0 14px #12b88659}.contactor-item.active .contactor-status{color:#087f5b;font-weight:800}.fault-panel{border-right:4px solid #dbe2ea}.fault-panel.fault-is-active{border-right-color:var(--red)}.fault-content{min-height:50px}.no-fault,.fault-active{display:flex;align-items:center;gap:13px;padding:14px;border-radius:12px}.no-fault{background:#ecfdf5}.no-fault-icon,.fault-active-icon{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}.no-fault-icon{background:#d1fae5;color:#087f5b}.fault-active{background:#fff1f2}.fault-active-icon{background:#ffe4e6;color:#d92d34}.no-fault strong,.fault-active strong{display:block;font-size:13px}.no-fault small,.fault-active small{display:block;margin-top:3px;color:#64748b;font-size:10px}.last-update{margin-top:15px;color:#94a3b8;text-align:center;font-family:Rajdhani,sans-serif;font-size:10px}.iran-niru-footer{margin-top:45px;padding-bottom:15px}.footer-line{height:1px;background:linear-gradient(90deg,transparent,#cbd5e1,transparent)}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-logo{width:42px;height:42px;border-radius:9px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.footer-logo img{width:100%;height:100%;object-fit:contain;display:block}.footer-brand strong{display:block;color:#475569;font-size:11px}.footer-brand small{display:block;margin-top:2px;color:#94a3b8;font-size:9px}.footer-copy{color:#94a3b8;font-size:9px;text-align:left;white-space:nowrap}@media(max-width:900px){.dashboard-content{width:min(calc(100% - 30px),1050px)}.motor-visual{transform:scale(.9)}}@media(max-width:700px){.topbar{height:auto;min-height:68px;padding:9px 14px}.online-indicator{display:none}.dashboard-content{width:calc(100% - 22px);padding-top:22px}.device-header{align-items:flex-start;flex-direction:column}.device-header h1{font-size:23px}.command-buttons,.measurements-grid.three,.contactor-grid{grid-template-columns:1fr}.panel-card{padding:17px}.footer-content{align-items:flex-start;flex-direction:column}.motor-stage{height:145px}.motor-visual{transform:scale(.76)}.rms-highlight{gap:9px;padding:12px}.rms-label-text{min-width:90px}.brand{gap:9px}.brand-logo{width:46px;height:46px;flex-basis:46px}.brand-text strong{font-size:14px}.brand-text span{font-size:8px}}@media(max-width:450px){.topbar{padding-left:10px;padding-right:10px}.user-area{gap:6px}.logout-btn{padding:7px 10px}.section-heading>div:first-child span{font-size:14px}.motor-stage{height:125px}.motor-visual{transform:scale(.63)}.motor-state-text{font-size:20px}.rms-label-text small{display:none}.rms-label-text{min-width:70px}.rms-highlight strong{font-size:24px}.brand{gap:7px}.brand-logo{width:42px;height:42px;flex-basis:42px;border-radius:8px}.brand-text strong{font-size:12px}.brand-text span{font-size:7px;max-width:165px;white-space:normal}.footer-copy{font-size:8px}}