/* MNI Integrated visual system v5 — visual only, no API or data changes */
:root{--mni-ink:#16372f;--mni-green:#075e49;--mni-green2:#0d8061;--mni-soft:#e9f6ef;--mni-gold:#d9b968;--mni-line:#dfe8e1;--mni-paper:#fff;--mni-canvas:#f4f7f4;--mni-radius:16px}
html,body{font-family:Inter,"Segoe UI",system-ui,sans-serif!important}
body{background:var(--mni-canvas)!important;color:var(--mni-ink)}
.top{min-height:78px!important;padding:14px 28px!important;background:linear-gradient(112deg,#064c3b,#087454)!important;border-bottom:3px solid var(--mni-gold);box-shadow:0 5px 22px #063d3020}
.brand{font-size:17px!important;font-weight:800;letter-spacing:.1px}.small{font-size:11px!important;letter-spacing:.3px}
.sidebar-toggle{border:1px solid #ffffff55!important;background:#ffffff1a!important;min-width:42px;min-height:42px;transition:background .2s}.sidebar-toggle:hover{background:#ffffff30!important}
.shell{background:var(--mni-canvas);min-height:calc(100dvh - 78px)!important}
.shell nav{width:262px;background:linear-gradient(180deg,#ffffff,#f8faf8);border-right:1px solid var(--mni-line);padding:22px 13px;box-shadow:3px 0 16px #123d3010;transition:width .2s,padding .2s}
.shell nav button{border-radius:12px!important;margin-bottom:6px!important;padding:13px 15px!important;font-size:13px!important;color:#40574e!important;font-weight:650!important;transition:background .15s,transform .15s}
.shell nav button:hover{background:#edf6ef!important;transform:translateX(2px)}
.shell nav button.active{background:#e0f3e9!important;color:#076047!important;box-shadow:inset 3px 0 #0d8061}
.shell.collapsed nav{width:0!important;padding:0!important;overflow:hidden!important}
.shell main{min-width:0;background:var(--mni-canvas)}
.home{padding:clamp(20px,3vw,44px)!important;max-width:1480px;margin:auto}
.home h1{font-size:clamp(24px,2.5vw,34px);font-weight:800;letter-spacing:-.8px;margin:0 0 10px;color:#124c3b}
.home>p{color:#667a70;font-size:14px;margin-bottom:26px}
.cards{max-width:none!important;grid-template-columns:repeat(auto-fit,minmax(225px,1fr))!important;gap:18px!important}
.card{position:relative;min-height:145px;border:1px solid var(--mni-line)!important;border-radius:18px!important;padding:25px!important;background:linear-gradient(160deg,#fff,#fbfdfa)!important;box-shadow:0 8px 25px #153e2d0a;font-size:17px!important;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#087c5b,#c5a85a)}
.card:after{content:"›";position:absolute;right:22px;top:22px;color:#17815e;font-size:27px}
.card:hover{transform:translateY(-3px);border-color:#a3d3ba!important;box-shadow:0 16px 32px #153e2d17}
.card p{line-height:1.55;font-size:13px!important;margin-top:13px}
.module{height:calc(100dvh - 78px)!important;background:#f5f8f5}
.logout{background:#b4232d!important;border-color:#b4232d!important;font-weight:700}
.logout:hover{background:#921b25!important}
.login{margin:clamp(32px,9vh,95px) auto!important;border:1px solid #d9e8de!important;border-top:5px solid #0d8061!important;border-radius:22px!important;box-shadow:0 24px 65px #064e3b1c!important;padding:38px!important}
.login h2{font-size:24px;letter-spacing:-.6px}
.login input{background:#fcfefd;border-color:#d4e3d9!important}
.login input:focus{outline:2px solid #05966955;border-color:#059669!important}
.primary{background:linear-gradient(90deg,#07634b,#0c8462)!important;min-height:46px}
button:focus-visible,a:focus-visible{outline:3px solid #d7b45f!important;outline-offset:2px}
@media(max-width:750px){.top{padding:12px!important}.brand{font-size:13px!important}.small{font-size:10px!important}.shell nav{width:100%;display:flex;padding:8px;overflow:auto}.shell nav button{min-width:150px}.shell.collapsed nav{height:0}.home{padding:20px!important}.cards{grid-template-columns:1fr!important}.login{margin:25px 14px!important;padding:24px!important}.module{height:calc(100dvh - 75px)!important}}