:root{--sk-sheen-gold: #f6b94f;--sk-sheen-rose: #ec5f8a;--sk-sheen-violet: #8b7bff;--sk-sheen-teal: #2fe0cc;--sk-sheen: linear-gradient(100deg, var(--sk-sheen-gold), var(--sk-sheen-rose) 38%, var(--sk-sheen-violet) 66%, var(--sk-sheen-teal));--sk-amber-300: #ffd27a;--sk-amber-400: #f6b94f;--sk-amber-500: #e89a1c;--sk-amber-600: #c47c0c;--sk-amber-700: #8f5900;--sk-teal-300: #7ff5e6;--sk-teal-400: #2fe0cc;--sk-teal-500: #0fa89a;--sk-teal-700: #0b6e66;--sk-ink-950: #06060d;--sk-ink-900: #0c0a14;--sk-ink-800: #141122;--sk-ink-700: #211b2e;--sk-shale-500: #57526a;--sk-shale-400: #8e88a0;--sk-shale-300: #b3bcc9;--sk-sand-50: #faf8f3;--sk-sand-100: #efeef4;--sk-sand-200: #e8dcc4;--sk-green: #3fe0a0;--sk-green-700: #0f9a64;--sk-red: #ff5d6c;--sk-red-700: #d8324a;--sk-flare: #ff7a3c;--sk-f-body: "Vazirmatn", "Segoe UI", system-ui, sans-serif;--sk-f-display: "Noto Kufi Arabic", "Vazirmatn", sans-serif;--sk-f-num: "Unbounded", "Vazirmatn", sans-serif;--sk-f-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;--sk-text-xs: .75rem;--sk-text-sm: .8125rem;--sk-text-md: .9375rem;--sk-text-lg: 1.125rem;--sk-text-xl: 1.5rem;--sk-text-2xl: 2rem;--sk-w-regular: 420;--sk-w-medium: 560;--sk-w-bold: 700;--sk-w-heavy: 800;--sk-sp-1: 4px;--sk-sp-2: 8px;--sk-sp-3: 12px;--sk-sp-4: 16px;--sk-sp-5: 20px;--sk-sp-6: 24px;--sk-sp-8: 32px;--sk-radius-sm: 10px;--sk-radius-md: 14px;--sk-radius-lg: 20px;--sk-bg: var(--sk-ink-950);--sk-aurora: radial-gradient(50% 55% at 88% 0%, rgb(232 154 28 / .26), transparent 70%), radial-gradient(45% 60% at 5% 22%, rgb(15 168 154 / .2), transparent 70%);--sk-surface: rgb(22 28 40 / .55);--sk-surface-2: rgb(48 58 76 / .45);--sk-popover: #121722;--sk-border: rgb(200 210 228 / .14);--sk-border-w: 1px;--sk-text: #f1edf6;--sk-text-muted: var(--sk-shale-400);--sk-text-faint: var(--sk-shale-500);--sk-primary: var(--sk-amber-400);--sk-primary-hover: var(--sk-amber-500);--sk-on-primary: #140d02;--sk-accent: var(--sk-teal-400);--sk-link: var(--sk-teal-400);--sk-success: var(--sk-green);--sk-danger: var(--sk-red);--sk-warning: var(--sk-amber-300);--sk-focus-ring: 0 0 0 3px rgb(246 185 79 / .4);--sk-glass: blur(20px) saturate(150%);--sk-glow: 0 0 18px rgb(246 185 79 / .5);--sk-line-glow: drop-shadow(0 0 4px currentColor);--sk-shadow: 0 30px 70px -30px rgb(0 0 0 / .85), inset 0 1px 0 rgb(255 255 255 / .06);--sk-strata-1: var(--sk-amber-400);--sk-strata-2: var(--sk-amber-600);--sk-strata-3: var(--sk-teal-400);color-scheme:dark}:root{--sk-card-bg: var(--sk-surface);--sk-card-border: var(--sk-border);--sk-card-radius: var(--sk-radius-lg);--sk-card-shadow: var(--sk-shadow);--sk-btn-radius: var(--sk-radius-sm);--sk-btn-primary-bg: var(--sk-primary);--sk-btn-primary-fg: var(--sk-on-primary);--sk-rail-bg: #05050b;--sk-rail-fg: var(--sk-shale-400);--sk-rail-fg-active: #ffffff;--sk-input-bg: rgb(13 20 35 / .6);--sk-input-border: rgb(148 163 184 / .28);--sk-kpi-size: clamp(1.4rem, 1.1vw + .8rem, 2rem)}:root[data-theme=dawn]{--sk-bg: var(--sk-sand-50);--sk-aurora: radial-gradient(50% 55% at 90% -5%, rgb(232 154 28 / .14), transparent 70%), radial-gradient(45% 60% at 0% 28%, rgb(15 168 154 / .08), transparent 70%);--sk-surface: rgb(255 255 255 / .82);--sk-surface-2: var(--sk-sand-100);--sk-popover: #ffffff;--sk-border: rgb(40 20 60 / .1);--sk-text: #1a1424;--sk-text-muted: #6c6680;--sk-text-faint: #a8a3b8;--sk-primary: var(--sk-amber-600);--sk-primary-hover: var(--sk-amber-700);--sk-on-primary: #ffffff;--sk-accent: var(--sk-teal-500);--sk-link: var(--sk-teal-700);--sk-success: var(--sk-green-700);--sk-danger: var(--sk-red-700);--sk-warning: var(--sk-amber-700);--sk-focus-ring: 0 0 0 3px rgb(217 131 27 / .35);--sk-glass: blur(16px) saturate(130%);--sk-glow: 0 8px 22px -8px rgb(217 131 27 / .5);--sk-line-glow: none;--sk-shadow: 0 24px 50px -30px rgb(60 30 90 / .3), inset 0 1px 0 #fff;--sk-strata-1: var(--sk-amber-500);--sk-strata-2: #c9ad7c;--sk-strata-3: var(--sk-teal-500);--sk-rail-bg: #171226;--sk-input-bg: #ffffff;--sk-input-border: var(--sk-sand-200);color-scheme:light}:root[data-theme=rig]{--sk-bg: #ffffff;--sk-aurora: none;--sk-surface: #ffffff;--sk-surface-2: #f1f1f1;--sk-popover: #ffffff;--sk-border: #111111;--sk-border-w: 2px;--sk-text: #000000;--sk-text-muted: #333333;--sk-text-faint: #777777;--sk-primary: #ff6a00;--sk-primary-hover: #d95900;--sk-on-primary: #000000;--sk-accent: #006f66;--sk-link: #006f66;--sk-success: #007a3d;--sk-danger: #c80000;--sk-warning: #a35f00;--sk-focus-ring: 0 0 0 3px #ff6a00;--sk-glass: none;--sk-glow: none;--sk-line-glow: none;--sk-shadow: none;--sk-card-radius: 8px;--sk-btn-radius: 6px;--sk-strata-1: #ff6a00;--sk-strata-2: #111111;--sk-strata-3: #ff6a00;--sk-rail-bg: #000000;--sk-input-bg: #ffffff;--sk-input-border: #111111;color-scheme:light}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-BeciDpKm.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sk-f-body);background:var(--sk-bg);color:var(--sk-text);font-size:var(--sk-text-md);line-height:1.55;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .5s,color .5s}body:before{content:"";position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;background:var(--sk-aurora);pointer-events:none;z-index:0;animation:sk-drift 24s ease-in-out infinite alternate}@keyframes sk-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-3%,2%,0) scale(1.06)}}@media (prefers-reduced-motion: reduce){body:before{animation:none}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.sk-num,.sk-mono{direction:ltr;unicode-bidi:isolate;font-feature-settings:"tnum"}.sk-num{font-family:var(--sk-f-num)}.sk-mono{font-family:var(--sk-f-mono)}.sk-sheen-text{background:var(--sk-sheen);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=rig] .sk-sheen-text{background:none;color:var(--sk-primary)}h1,h2,h3{font-family:var(--sk-f-display);font-weight:var(--sk-w-bold);line-height:1.2;text-wrap:balance}a{color:var(--sk-link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--sk-focus-ring);border-radius:var(--sk-radius-sm)}button{font:inherit;color:inherit;cursor:pointer}.sk-strata{display:inline-flex;flex-direction:column;gap:2px;width:26px;flex:none}.sk-strata i{height:3px;border-radius:2px;display:block}.sk-strata i:nth-child(1){background:var(--sk-strata-1);width:100%}.sk-strata i:nth-child(2){background:var(--sk-strata-2);width:76%}.sk-strata i:nth-child(3){background:var(--sk-strata-3);width:54%}#app,.sk-app{position:relative;z-index:1}.sk-panel{background:var(--sk-card-bg);border:var(--sk-border-w) solid var(--sk-card-border);border-radius:var(--sk-card-radius);box-shadow:var(--sk-card-shadow);backdrop-filter:var(--sk-glass);-webkit-backdrop-filter:var(--sk-glass);padding:var(--sk-sp-4) var(--sk-sp-5)}.sk-panel-h{display:flex;align-items:baseline;gap:var(--sk-sp-3);margin-bottom:var(--sk-sp-3)}.sk-panel-h h2{font-size:var(--sk-text-md);font-weight:var(--sk-w-bold)}.sk-panel-h small{color:var(--sk-text-muted);font-size:var(--sk-text-sm)}.sk-panel-h .sk-spacer{flex:1}.sk-btn{display:inline-flex;align-items:center;gap:var(--sk-sp-2);border:0;font-weight:var(--sk-w-bold);font-size:var(--sk-text-sm);padding:var(--sk-sp-2) var(--sk-sp-4);border-radius:var(--sk-btn-radius);background:var(--sk-btn-primary-bg);color:var(--sk-btn-primary-fg);box-shadow:var(--sk-glow);transition:transform .15s,background .2s}.sk-btn:hover{background:var(--sk-primary-hover);transform:translateY(-1px)}.sk-btn-ghost{background:transparent;color:var(--sk-text);border:var(--sk-border-w) solid var(--sk-border);box-shadow:none}.sk-btn-ghost:hover{background:var(--sk-surface-2);transform:none}.sk-pill{display:inline-flex;padding:3px;border-radius:99px;background:var(--sk-surface);border:var(--sk-border-w) solid var(--sk-border);-webkit-backdrop-filter:var(--sk-glass);backdrop-filter:var(--sk-glass)}.sk-pill button{border:0;background:none;padding:6px 12px;border-radius:99px;font-size:var(--sk-text-sm);color:var(--sk-text-muted);transition:.2s}.sk-pill button.on{background:var(--sk-text);color:var(--sk-bg);font-weight:var(--sk-w-bold)}.sk-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--sk-text-xs);font-weight:var(--sk-w-bold);padding:3px 10px;border-radius:99px}.sk-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.sk-chip-ok{color:var(--sk-success);background:color-mix(in srgb,var(--sk-success) 15%,transparent)}.sk-chip-warn{color:var(--sk-warning);background:color-mix(in srgb,var(--sk-warning) 18%,transparent)}.sk-chip-bad{color:var(--sk-danger);background:color-mix(in srgb,var(--sk-danger) 15%,transparent)}.sk-chip-info{color:var(--sk-accent);background:color-mix(in srgb,var(--sk-accent) 15%,transparent)}.sk-live{display:inline-flex;align-items:center;gap:6px;color:var(--sk-success);font-weight:var(--sk-w-bold);font-size:var(--sk-text-xs)}.sk-live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sk-success);animation:sk-ping 1.8s infinite}@keyframes sk-ping{0%{box-shadow:0 0 color-mix(in srgb,var(--sk-success) 70%,transparent)}to{box-shadow:0 0 0 8px transparent}}.sk-kpi .sk-kpi-label{font-size:var(--sk-text-sm);color:var(--sk-text-muted);display:flex;align-items:center;gap:6px}.sk-kpi .sk-kpi-value{font-family:var(--sk-f-num);font-size:var(--sk-kpi-size);font-weight:var(--sk-w-heavy);margin-top:6px;display:flex;align-items:baseline;gap:5px}.sk-kpi .sk-kpi-value u{text-decoration:none;font-family:var(--sk-f-mono);font-size:var(--sk-text-xs);color:var(--sk-text-muted)}.sk-up{color:var(--sk-success);font-weight:var(--sk-w-bold)}.sk-down{color:var(--sk-danger);font-weight:var(--sk-w-bold)}.sk-table{width:100%;border-collapse:collapse;font-size:var(--sk-text-sm)}.sk-table th,.sk-table td{padding:var(--sk-sp-2) var(--sk-sp-3);text-align:inherit;border-bottom:1px solid var(--sk-border)}.sk-table th{color:var(--sk-text-muted);font-weight:var(--sk-w-medium);font-size:var(--sk-text-xs);text-transform:uppercase;letter-spacing:.04em}.sk-table tbody tr:hover{background:var(--sk-surface-2)}.sk-input{width:100%;background:var(--sk-input-bg);border:var(--sk-border-w) solid var(--sk-input-border);border-radius:var(--sk-radius-sm);color:var(--sk-text);padding:var(--sk-sp-2) var(--sk-sp-3);font:inherit}.sk-input:focus-visible{box-shadow:var(--sk-focus-ring)}#app{min-height:100%}.login{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;z-index:1}.login-card{width:min(380px,100%);display:flex;flex-direction:column;gap:16px;padding:30px 28px}.login-brand{display:flex;align-items:center;gap:12px}.login-brand img{width:46px;height:46px}.login-brand b{font-family:var(--sk-f-num);font-weight:800;font-size:24px;letter-spacing:.5px}.login-brand small{display:block;color:var(--sk-text-muted);font-size:12px;margin-top:2px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--sk-text-muted)}.login .err{color:var(--sk-danger);font-size:13px}.login-hint{font-size:11px;color:var(--sk-text-faint);text-align:center;font-family:var(--sk-f-mono);direction:ltr}.shell{display:grid;grid-template-columns:72px 1fr;height:100vh}.rail{background:var(--sk-rail-bg);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:4px;position:relative;z-index:3}.rail .mark{width:40px;height:40px;margin-bottom:14px}.rail a{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:var(--sk-rail-fg);position:relative;cursor:pointer;transition:color .2s,background .2s}.rail a svg{width:21px;height:21px}.rail a:hover{color:#fff;background:#ffffff0f}.rail a.on{color:var(--sk-rail-fg-active);background:#ffffff14}.rail a.on:after{content:"";position:absolute;inset-inline-start:-16px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--sk-sheen)}:root[data-theme=rig] .rail a.on:after{background:var(--sk-primary)}.rail .tip{position:absolute;inset-inline-start:58px;white-space:nowrap;background:var(--sk-popover);color:var(--sk-text);font-size:12px;padding:6px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:var(--sk-shadow);z-index:5}.rail a:hover .tip{opacity:1}.rail .foot{margin-top:auto;display:flex;flex-direction:column;gap:4px}.main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;padding:14px 22px;flex-wrap:wrap}.topbar .wm{height:20px}.topbar .crumb{color:var(--sk-text-muted);font-size:13px;display:flex;align-items:center;gap:8px}.topbar .crumb strong{color:var(--sk-text)}.topbar .spacer{flex:1}.clock{font-family:var(--sk-f-mono);color:var(--sk-text-muted);font-size:12.5px}.content{flex:1;min-height:0;overflow:auto;padding:4px 22px 24px}.dash{display:grid;gap:14px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.dash-row{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.chart-wrap{height:220px;position:relative}.chart-wrap svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.grid-l{stroke:var(--sk-border);stroke-width:1}.area{fill:url(#sk-area)}.line{fill:none;stroke:url(#sk-stroke);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:var(--sk-line-glow);stroke-dasharray:2000;stroke-dashoffset:2000;animation:sk-draw 2.2s .3s cubic-bezier(.6,0,.2,1) forwards}:root[data-theme=rig] .line{stroke:var(--sk-primary)}@keyframes sk-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.line{animation:none;stroke-dashoffset:0}}.field-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:6px}.wdot{aspect-ratio:1;border-radius:6px;display:grid;place-items:center;font-size:9px;font-family:var(--sk-f-mono);color:#0008;transition:transform .15s;cursor:default}.wdot:hover{transform:scale(1.12)}.wdot.producing{background:var(--sk-success)}.wdot.shut_in{background:var(--sk-text-faint)}.wdot.workover{background:var(--sk-warning)}.wdot.abandoned{background:var(--sk-danger)}.wl{display:flex;gap:14px;font-size:12px;color:var(--sk-text-muted);margin-top:10px;flex-wrap:wrap}.wl i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:5px;vertical-align:-1px}@media (max-width: 920px){.dash-row{grid-template-columns:1fr}}@media (max-width: 640px){.shell{grid-template-columns:1fr}.rail{display:none}}