@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');:root{--green:#034834;--gold:#c5a76b;--paper:#f8f7f3;--cream:#edf2ef;--ink:#15372e;--muted:#687773;--line:#dfe5e1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Lato,Arial,sans-serif}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}aside{height:100vh;position:sticky;top:0;background:var(--green);color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 34px}.brand b{display:block;letter-spacing:.12em}.brand small{font-size:9px;letter-spacing:.22em;color:#d3c39f}.logo{width:62px;height:62px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:900;font-size:22px}.logo.small{width:42px;height:42px;font-size:15px}nav{display:grid;gap:5px}nav a{padding:11px 13px;border-radius:9px;text-decoration:none;color:#b7c8c3;font-size:14px}nav a:hover,nav a.active{background:#ffffff14;color:#fff}.account{margin-top:auto;padding:19px 10px 0;border-top:1px solid #ffffff20}.account b,.account small{display:block}.account small{margin:5px 0 13px;color:#a7bdb7}.account a{color:var(--gold);text-decoration:none}main{min-width:0}header{height:104px;padding:24px 38px;display:flex;align-items:center;justify-content:space-between;background:#ffffffdd;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}header p,.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:900;margin:0 0 6px}h1,h2,h3,p{margin-top:0}header h1{margin:0;font-size:28px}.content{padding:32px 38px}button{background:var(--green);color:#fff;border:0;border-radius:9px;padding:11px 17px;font:700 14px Lato;cursor:pointer}.hero{min-height:250px;border-radius:18px;background:var(--green);color:#fff;padding:42px 48px;display:flex;align-items:center;justify-content:space-between}.hero span{color:var(--gold);font-size:10px;letter-spacing:.22em;font-weight:900}.hero h2{font-size:40px;line-height:1.08;margin:14px 0}.hero p{color:#bed0ca}.orb{width:145px;height:145px;border:1px solid var(--gold);border-radius:50%;display:grid;place-content:center;text-align:center}.orb b{font-size:38px}.orb small{color:#d5c7aa}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.kpis article,.panel,.table,.card{background:#fff;border:1px solid var(--line);border-radius:14px}.kpis article{padding:20px}.kpis span,.kpis small{display:block;color:var(--muted);font-size:12px}.kpis b{display:block;font-size:23px;margin:11px 0}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-bottom:22px}.panel h3{padding:18px 22px;border-bottom:1px solid var(--line);margin:0}.panel.pad{padding:25px}.metric{display:flex;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--line)}.row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px 22px;border-bottom:1px solid var(--line)}.row i,.card i{width:34px;height:34px;border-radius:50%;background:var(--cream);display:grid;place-items:center;color:var(--green);font-style:normal;font-weight:900}.row small,.card p{display:block;color:var(--muted);font-size:12px;margin-top:4px}.row>div:last-child{text-align:right}.table{overflow:auto;margin-bottom:22px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#f1f5f2;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}th,td{padding:14px 17px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted);margin-top:4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:22px}.card h3{margin:16px 0 5px}.card span{display:block;color:var(--muted);font-size:12px}.form{display:grid;gap:11px}.form h3{margin:10px 0 0}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink);font:14px Lato}textarea{min-height:78px}.login{min-height:100vh;background:var(--green);display:grid;place-items:center;padding:22px}.auth{width:min(480px,100%);background:#fff;border-radius:18px;padding:38px}.auth .logo{margin:0 auto 20px}.auth h1,.auth>p{text-align:center}.auth>p{color:var(--muted)}.alert,.success{padding:12px 14px;border-radius:8px;margin-bottom:14px}.alert{background:#fff0f0;color:#9c2828;border:1px solid #efcccc}.success{background:#e8f7ee;color:#17603f;border:1px solid #bfe3cd}dialog{width:min(520px,94vw);border:0;border-radius:16px;padding:0;box-shadow:0 25px 90px #0005}dialog::backdrop{background:#002d22aa}dialog form{padding:30px}.close{float:right;background:transparent;color:var(--ink);font-size:24px;padding:0}ul{color:var(--muted);line-height:1.8}
@media(max-width:980px){.shell{grid-template-columns:78px 1fr}.brand>div:last-child,nav a{font-size:0}.account b,.account small{display:none}.kpis{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.shell{display:block}aside{position:fixed;z-index:5;top:auto;bottom:0;width:100%;height:66px;padding:8px;display:block}.brand,.account{display:none}nav{display:flex;overflow:auto}nav a{min-width:58px;text-align:center}header{height:auto;padding:16px 18px}.content{padding:18px 18px 82px}.hero{padding:28px;min-height:auto}.hero h2{font-size:31px}.orb{display:none}.kpis,.split,.grid{grid-template-columns:1fr}}

/* Amili final brand system: black, white and dark blue */
:root{--green:#0b1f3a;--gold:#6f8fb7;--paper:#f5f6f8;--cream:#e9edf3;--ink:#0a0a0a;--muted:#5d6673;--line:#dce1e8}
aside,.hero,.login{background:#050505}
nav a:hover,nav a.active{background:#132b4d;color:#fff}
button{background:#0b1f3a}
.logo{border-color:#8da7c7;color:#fff;background:#0b1f3a}
.hero{background:linear-gradient(125deg,#050505 0%,#0b1f3a 72%,#142f52 100%)}
.hero span,.eyebrow,header p{color:#6f8fb7}
.orb{border-color:#6f8fb7}.orb small{color:#c9d5e4}
.kpis article,.panel,.table,.card,.auth{background:#fff}
.row i,.card i{background:#e9edf3;color:#0b1f3a}
.success{background:#edf3fa;color:#0b1f3a;border-color:#c8d7e8}
dialog::backdrop{background:#071426bb}
