:root{--mf-blue:#009fe3;--mf-green:#00a86b;--mf-dark:#0f172a;--mf-muted:#64748b;--mf-border:#e2e8f0;--mf-bg:#f4f7fb}*{box-sizing:border-box}html,body{background:var(--mf-bg);min-height:100%;color:var(--mf-dark);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}.mfShell{background:var(--mf-bg);min-height:100vh;display:flex}.mfSidebar{border-right:1px solid var(--mf-border);background:#fff;flex-direction:column;justify-content:space-between;width:280px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.mfBrand{align-items:center;gap:12px;margin-bottom:34px;text-decoration:none;display:flex}.mfBrandMark{background:linear-gradient(135deg, var(--mf-blue), var(--mf-green));color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:900;display:grid}.mfBrand strong{font-size:20px;line-height:1.1;display:block}.mfBrand span{color:var(--mf-muted);margin-top:3px;font-size:12px;display:block}.mfNav{gap:8px;display:grid}.mfNav a{color:var(--mf-dark);border-radius:12px;padding:12px 14px;font-weight:700;text-decoration:none;display:block}.mfNav a:hover,.mfNavActive{background:#ecfdf5;color:#047857!important}.mfSidebarBottom{gap:14px;display:grid}.mfStatus{color:#047857;background:#ecfdf5;border-radius:14px;padding:12px;font-size:13px;font-weight:700}.mfStatus span{background:var(--mf-green);border-radius:999px;width:8px;height:8px;margin-right:8px;display:inline-block}.mfLogout{border:1px solid var(--mf-border);cursor:pointer;background:#fff;border-radius:12px;padding:12px;font-weight:800}.mfLogout:hover{background:#f8fafc}.mfMain{flex-direction:column;flex:1;min-width:0;display:flex}.mfTopbar{border-bottom:1px solid var(--mf-border);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.mfTopbar strong{display:block}.mfTopbar span{color:var(--mf-muted);font-size:13px}.mfSlogan{color:var(--mf-green);font-weight:900}.mfContent{padding:32px}.mfContent h1{letter-spacing:-.8px;margin:0 0 16px;font-size:34px}.mfContent h2{margin-top:28px}table{border-collapse:collapse;background:#fff;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 14px 36px #0f172a12}th,td{border-bottom:1px solid var(--mf-border);text-align:left;vertical-align:top;padding:10px 12px}th{color:#334155;background:#f8fafc;font-size:13px}td{font-size:14px}button{border:1px solid var(--mf-border);cursor:pointer;background:#fff;border-radius:10px;padding:8px 12px}button:hover{background:#f8fafc}@media (max-width:900px){.mfShell{display:block}.mfSidebar{width:100%;height:auto;position:static}.mfTopbar{height:auto;padding:18px 22px}.mfContent{padding:22px}}