:root{--mopal-bg:#f5f7f2;--mopal-surface:#ffffff;--mopal-ink:#101812;--mopal-muted:#627267;--mopal-line:#dfe8e2;--mopal-green:#0e3b28;--mopal-green-2:#17583a;--mopal-gold:#c8a45b;--mopal-soft:#eef4ef} .mopal-shell{max-width:1220px;margin:20px auto;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--mopal-ink)}.mopal-hero{background:linear-gradient(135deg,#07140d,#173f2c);color:#fff;border-radius:28px;padding:34px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}.mopal-hero h2{font-size:38px;line-height:1.05;margin:8px 0 12px;max-width:760px;letter-spacing:-.03em}.hero-copy{font-size:16px;line-height:1.6;max-width:780px;color:#d8e6dc}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;opacity:.8;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.mopal-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:11px 16px;color:#fff;text-decoration:none;font-weight:700;background:rgba(255,255,255,.08)}.mopal-button.primary{background:var(--mopal-gold);border-color:var(--mopal-gold);color:#101812}.mopal-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:16px}.mopal-kpi,.mopal-panel{background:var(--mopal-surface);border:1px solid var(--mopal-line);border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(16,24,18,.045)}.mopal-kpi span{display:block;color:var(--mopal-muted);font-size:13px;font-weight:700}.mopal-kpi strong{display:block;font-size:32px;line-height:1.1;margin-top:6px;color:var(--mopal-green)}.mopal-kpi small{color:var(--mopal-muted)}.mopal-grid{display:grid;gap:16px;margin-bottom:16px}.mopal-grid.two{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.mopal-grid.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mopal-panel h3{margin:0 0 12px;font-size:18px}.mopal-panel p{color:var(--mopal-muted);line-height:1.65}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.panel-head span{font-size:12px;color:var(--mopal-muted);background:var(--mopal-soft);padding:6px 10px;border-radius:999px}.mopal-mini-table{width:100%;border-collapse:collapse;font-size:13px}.mopal-mini-table th{text-align:left;color:var(--mopal-muted);font-size:12px;border-bottom:1px solid var(--mopal-line);padding:8px}.mopal-mini-table td{border-bottom:1px solid #edf2ee;padding:9px 8px;vertical-align:top}.mopal-mini-table small{color:var(--mopal-muted)}.mopal-flow{margin:0;padding-left:18px;color:var(--mopal-muted);line-height:1.75}.mopal-form{background:#fff;border:1px solid #ccd7cf;border-radius:16px;padding:16px;margin:16px 0}.mopal-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.mopal-form label{font-weight:700;color:#27342c}.mopal-form textarea{width:100%;margin-top:5px;border:1px solid #d8e2db;border-radius:10px;padding:8px}.mopal-public{padding:20px}.mopal-admin-wrap .mopal-shell{margin-left:0}@media(max-width:760px){.mopal-hero{display:block}.mopal-hero h2{font-size:30px}.hero-actions{margin-top:18px}.mopal-grid.two{grid-template-columns:1fr}}