:root{color-scheme:light dark;--mepi-green-950: #10251d;--mepi-green-800: #174333;--mepi-green-700: #1f5b43;--mepi-green-600: #2d7555;--mepi-green-100: #e4f0ea;--mepi-gold-500: #b78a2a;--mepi-gray-950: #141716;--mepi-gray-800: #2c312f;--mepi-gray-500: #6a716e;--mepi-gray-100: #eef1ef;--mepi-white: #ffffff;--color-bg: #f7f8f6;--color-surface: #ffffff;--color-surface-muted: #eef1ef;--color-text: var(--mepi-gray-950);--color-muted: var(--mepi-gray-500);--color-border: #d8ddda;--color-primary: var(--mepi-green-700);--color-primary-strong: var(--mepi-green-800);--color-accent: var(--mepi-gold-500);--color-danger-text: #8f2c2c;--color-success-text: #24663f;--shadow-panel: 0 24px 60px rgba(16, 37, 29, .12);--shadow-soft: 0 10px 28px rgba(16, 37, 29, .1);font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);min-height:100vh}button,input,select{font:inherit}.btn{border:none;border-radius:10px;padding:.65rem 1rem;cursor:pointer;background:var(--color-primary);color:#fff;font-weight:600}.btn:hover{background:var(--color-primary-strong)}.btn-muted{background:var(--color-surface-muted);color:var(--color-text);border:1px solid var(--color-border)}.btn-danger{background:#c53030}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-soft);padding:1.5rem}.input{width:100%;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-online{background:#d4edda;color:var(--color-success-text)}.badge-offline{background:#f8d7da;color:var(--color-danger-text)}.badge-maintenance{background:#fff3cd;color:#856404}.app-shell{max-width:1100px;margin:0 auto;padding:2rem 1rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.app-header h1{margin:0;font-size:1.4rem;color:var(--color-primary-strong)}.nav-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.nav-tabs button.active{background:var(--color-primary-strong)}.grid-modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.module-card{padding:1rem;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:transform .15s}.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.module-card-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.module-tag-legacy{display:inline-block;padding:.15rem .45rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-muted);background:var(--color-border)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--color-border);vertical-align:top}.form-row{display:grid;gap:.35rem;margin-bottom:.85rem}.form-row label{font-size:.9rem;font-weight:600;color:var(--color-muted)}.form-row input,.form-row select{width:100%;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.form-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.check-grid{display:grid;gap:.5rem}.check-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.check-row label{display:inline-flex;align-items:center;gap:.35rem;font-weight:500;color:var(--color-text)}.perm-group{border:1px solid var(--color-border);border-radius:12px;padding:.85rem;margin-bottom:.75rem}.perm-group h4{margin:0 0 .5rem;font-size:.95rem}.perm-group.disabled{opacity:.55}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10251d73;display:grid;place-items:center;padding:1rem;z-index:100}.modal{width:min(640px,100%);max-height:90vh;overflow:auto;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);box-shadow:var(--shadow-panel);padding:1.25rem}.modal h3{margin:0 0 1rem}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-panel{width:min(420px,100%)}.error{color:var(--color-danger-text);font-size:.9rem}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px)}.brand-panel{display:grid;align-content:center;gap:2rem;padding:clamp(2rem,7vw,6rem);background:linear-gradient(140deg,var(--mepi-green-950),var(--mepi-green-700));color:#fff}.brand-panel img{width:min(360px,78vw);height:auto;background:#fff;border-radius:8px;padding:1rem}.brand-panel h1{margin:0;max-width:760px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1}.brand-panel p{margin:0;max-width:640px;color:#dce8e1;font-size:1.05rem}.login-card{display:grid;align-content:center;gap:1.1rem;padding:clamp(1.5rem,4vw,3rem);background:var(--color-surface)}.login-card h2{margin:0}.login-hint{margin:0;color:var(--color-muted);font-size:.92rem}.login-card label{display:grid;gap:.35rem;color:var(--color-muted);font-size:.9rem;font-weight:650}.login-card input{width:100%;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);padding:.75rem .85rem;font:inherit}.login-card button[type=submit]{border:0;border-radius:8px;background:var(--color-primary);color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1rem}.login-card button[type=submit]:disabled{opacity:.7;cursor:wait}@media(max-width:820px){.login-page{grid-template-columns:1fr}.brand-panel{min-height:42vh}}