@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent: #1b4d3e;--accent-hover: #163f33;--bg: #ece7dc;--bg-accent: #e4ddd0;--bg-accent: color-mix(in srgb, var(--accent) 16%, var(--bg));--card: #fff;--text: #1a1a1a;--muted: #5c5c5c;--border: #d8d2c6;--input-bg: #fff;--err: #9b1c1c;--err-bg: #fdecec;--ok: #166534;--ok-bg: #e8f6ec;--shadow: 0 18px 50px rgb(27 77 62 / 12%);--focus: rgb(27 77 62 / 45%);color-scheme:light dark;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.4}[hidden]{display:none!important}html[data-app=hydrodata]{--bg: #e7eef4;--shadow: 0 18px 50px rgb(11 58 91 / 14%)}html[data-app=producer-connect]{--bg: #ece7dc;--shadow: 0 18px 50px rgb(83 132 61 / 14%)}html[data-app=admin]{--l103-canvas: #f3f5f7;--l103-surface: #ffffff;--l103-subtle: #e9edf1;--l103-border: #d3d8de;--l103-border-strong: #8b929a;--l103-text: #14202e;--l103-muted: #4e5a68;--l103-link: #0b2e5c;--l103-action: #0b2e5c;--l103-action-hover: #13457f;--l103-on-action: #ffffff;--l103-focus: #13457f;--l103-shadow-sm: 0 1px 2px rgb(10 46 92 / 8%);--bg: var(--l103-canvas);--card: var(--l103-surface);--text: var(--l103-text);--muted: var(--l103-muted);--border: var(--l103-border);--input-bg: var(--l103-surface);--err: #b42318;--err-bg: #fdecea;--ok: #1d6b3f;--ok-bg: #e6f4ec;--shadow: var(--l103-shadow-sm);font-family:Inter Variable,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.43}@media(prefers-color-scheme:dark){:root{--bg: #10140f;--card: #1b211c;--text: #f3f4f1;--muted: #b0b6ae;--border: #3a423b;--input-bg: #141914;--err: #fca5a5;--err-bg: #3a1c1c;--ok: #86efac;--ok-bg: #163822;--shadow: 0 18px 50px rgb(0 0 0 / 45%)}html[data-app=hydrodata]{--bg: #0b1220;--card: #141c2b;--input-bg: #0e1624;--border: #2a3648}html[data-app=producer-connect]{--bg: #10140f;--card: #1b211c;--input-bg: #141914}html[data-app=admin]{--l103-canvas: #07111d;--l103-surface: #0f1e30;--l103-subtle: #16293f;--l103-border: #24384f;--l103-border-strong: #6b7a8c;--l103-text: #eef2f6;--l103-muted: #9aa6b4;--l103-link: #9eb4cc;--l103-action: #c5cad0;--l103-action-hover: #dde1e5;--l103-on-action: #0b2e5c;--l103-focus: #9eb4cc;--l103-shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--err: #f59a93;--err-bg: #3a1c1c;--ok: #7fd6a2;--ok-bg: #12301f}}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1.25rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));color:var(--text);background:radial-gradient(1200px 480px at 12% -10%,var(--bg-accent),transparent 58%),radial-gradient(900px 420px at 110% 110%,var(--bg-accent),transparent 52%),var(--bg);-webkit-font-smoothing:antialiased}.card{width:min(26.5rem,100%);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.75rem 1.5rem 1.65rem;box-shadow:var(--shadow)}.brand-header{display:flex;justify-content:center;margin-bottom:1.15rem}.brand-header picture:not([hidden]){display:flex;justify-content:center;width:100%}.logo{display:block;width:min(100%,16.5rem);height:auto;max-height:4.75rem;object-fit:contain;object-position:center}.brand{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:650}h1{margin:0 0 .35rem;font-size:clamp(1.25rem,2.4vw + 1rem,1.55rem);font-weight:700;letter-spacing:-.02em;text-align:center}.sub,.hint{color:var(--muted);font-size:.92rem}.sub{margin:0 0 .35rem;text-align:center}.account-confirm{margin:0;padding:.75rem .9rem;border:1px solid var(--accent);border-radius:8px;font-size:1rem;overflow-wrap:anywhere}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:1.2rem 0 1rem}.tabs button{min-height:2.75rem;border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:999px;padding:.4rem .7rem;font:inherit;font-size:.88rem;cursor:pointer;touch-action:manipulation}.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}label{display:block;font-size:.85rem;font-weight:600;margin:.7rem 0}input{display:block;width:100%;margin-top:.35rem;min-height:2.85rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:10px;background:var(--input-bg);color:var(--text);font:inherit;font-size:1rem}input:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--accent)}button[type=submit]{width:100%;margin-top:.95rem;min-height:2.9rem;padding:.75rem;border:0;border-radius:10px;background:var(--accent);color:#fff;font:inherit;font-size:1rem;font-weight:650;cursor:pointer;touch-action:manipulation}button[type=submit]:hover:not(:disabled){background:var(--accent-hover)}button[type=submit]:disabled{opacity:.6;cursor:wait}.link{display:block;width:100%;margin-top:.85rem;padding:.55rem;min-height:2.5rem;border:0;background:none;color:var(--accent);font:inherit;font-size:.92rem;font-weight:650;cursor:pointer;text-align:center;touch-action:manipulation}a.link{text-decoration:none;box-sizing:border-box}.link:hover{text-decoration:underline}.error,.ok{margin:.75rem 0 0;font-size:.9rem;border-radius:10px;padding:.65rem .75rem}.error{color:var(--err);background:var(--err-bg)}.ok{color:var(--ok);background:var(--ok-bg)}@media(min-width:32rem){.tabs{display:flex;flex-wrap:wrap}.tabs button{flex:1 1 auto}}@media(max-width:30rem){body{place-items:stretch;align-items:stretch;padding:0}.card{width:100%;min-height:100vh;min-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:max(1.35rem,env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-right,0px)) max(1.75rem,env(safe-area-inset-bottom,0px)) max(1.25rem,env(safe-area-inset-left,0px))}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.password-field{position:relative;display:block;margin-top:.35rem}.password-field input{margin-top:0;padding-right:3rem}.password-field input::-ms-reveal,.password-field input::-ms-clear{display:none}.password-toggle{position:absolute;top:50%;right:.2rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.password-toggle:hover{color:var(--text)}.password-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;color:var(--text)}.password-toggle svg{width:1.25rem;height:1.25rem}html[data-app=admin] body{align-content:center;gap:1.5rem;background:var(--l103-canvas);color:var(--l103-text);font-size:.875rem}.brand-caption,.footnote{display:none}.brand-caption[hidden],.footnote[hidden]{display:none!important}html[data-app=admin] .brand-header{flex-direction:column;align-items:center;gap:.5rem;margin:0}html[data-app=admin] .logo{width:15.1875rem;max-width:100%;height:auto;max-height:none;aspect-ratio:1518 / 200}html[data-app=admin] .brand{color:var(--l103-text)}html[data-app=admin] .brand-caption{display:block;margin:0;color:var(--l103-muted);font-size:.75rem;line-height:1rem;font-weight:500;letter-spacing:1.4px;text-transform:uppercase}html[data-app=admin] .card{display:flex;flex-direction:column;gap:1.25rem;width:min(25rem,100%);padding:2rem 2rem 1.75rem;border:1px solid var(--l103-border);border-radius:12px;background:var(--l103-surface);box-shadow:var(--l103-shadow-sm)}html[data-app=admin] .card>[hidden],html[data-app=admin] .link[hidden]{display:none}html[data-app=admin] h1{margin:0;font-size:1.375rem;line-height:2rem;font-weight:600;letter-spacing:-.3px;text-align:left}html[data-app=admin] .sub{margin:-1rem 0 0;color:var(--l103-muted);font-size:.875rem;line-height:1.25rem;text-align:left}html[data-app=admin] .hint{color:var(--l103-muted);font-size:.875rem;margin:0}html[data-app=admin] .tabs{display:flex;flex-wrap:nowrap;gap:2px;margin:0;padding:3px;border-radius:8px;background:var(--l103-subtle)}html[data-app=admin] .tabs button{flex:1 1 0;min-width:0;min-height:2.25rem;padding:.375rem .25rem;border:0;border-radius:6px;background:transparent;color:var(--l103-muted);font-size:.875rem;line-height:1.25rem;white-space:nowrap}html[data-app=admin] .tabs button:hover{color:var(--l103-text)}html[data-app=admin] .tabs button.active{background:var(--l103-surface);color:var(--l103-text);border-color:transparent;font-weight:500;box-shadow:var(--l103-shadow-sm)}html[data-app=admin] .tabs button:focus-visible,html[data-app=admin] .link:focus-visible,html[data-app=admin] button[type=submit]:focus-visible{outline:2px solid var(--l103-focus);outline-offset:2px}html[data-app=admin] .panel{display:flex;flex-direction:column;gap:1.25rem}html[data-app=admin] .panel[hidden]{display:none}html[data-app=admin] label{margin:0;font-size:.875rem;line-height:1.25rem;font-weight:500}html[data-app=admin] input{margin-top:.5rem;min-height:2.25rem;padding:.5rem .75rem;border:1px solid var(--l103-border-strong);border-radius:8px;background:var(--l103-surface);color:var(--l103-text);font-size:.875rem;line-height:1.25rem}html[data-app=admin] input::placeholder{color:var(--l103-muted)}html[data-app=admin] input:focus{outline:2px solid var(--l103-focus);outline-offset:-2px;border-color:var(--l103-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--l103-focus) 25%,transparent)}html[data-app=admin] .password-field{margin-top:.5rem}html[data-app=admin] .password-field input{margin-top:0}html[data-app=admin] .password-toggle{width:2.25rem;height:2.25rem}html[data-app=admin] .password-toggle svg{width:1rem;height:1rem}html[data-app=admin] .password-toggle:focus-visible{outline-color:var(--l103-focus)}html[data-app=admin] button[type=submit]{margin-top:0;min-height:2.5rem;padding:.625rem .75rem;border-radius:8px;background:var(--l103-action);color:var(--l103-on-action);font-size:.875rem;line-height:1.25rem;font-weight:600}html[data-app=admin] button[type=submit]:hover:not(:disabled){background:var(--l103-action-hover)}html[data-app=admin] .link{width:auto;min-height:0;margin:0;padding:0;align-self:flex-start;color:var(--l103-link);font-size:.875rem;line-height:1.25rem;font-weight:500;text-align:left;border-radius:4px}html[data-app=admin] .account-confirm{border-color:var(--l103-border-strong)}html[data-app=admin] .error,html[data-app=admin] .ok{margin:0;border-radius:8px}html[data-app=admin] .footnote{display:block;width:min(25rem,100%);margin:0 auto;color:var(--l103-muted);font-size:.8125rem;line-height:1.125rem;text-align:center}@media(max-width:30rem){html[data-app=admin] body{align-content:start;gap:1.5rem;padding:max(3rem,env(safe-area-inset-top,0px)) 1rem max(1.5rem,env(safe-area-inset-bottom,0px))}html[data-app=admin] .card{width:100%;min-height:0;padding:1.5rem 1.25rem;border:1px solid var(--l103-border);border-radius:12px;box-shadow:var(--l103-shadow-sm)}html[data-app=admin] input{font-size:1rem}}
