:root{--n:#062844;--n2:#0b456f;--g:#d9ae4c;--r:#a91f2a;--green:#21865b;--ink:#17232e;--mut:#687580;--soft:#f4f7fa;--line:#dfe7ed}
.mza4-app{display:grid;grid-template-columns:270px 1fr;min-height:100vh;background:#eef3f7;color:var(--ink);font-family:Arial,sans-serif}
.mza4-side{background:linear-gradient(180deg,#041d33,#082f4e);color:#fff;padding:20px 16px;display:flex;flex-direction:column}
.mza4-brand{display:flex;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}
.mza4-mark{width:48px;height:48px;border:2px solid var(--g);border-radius:50%;display:grid;place-items:center;color:var(--g);font-weight:800}
.mza4-brand strong,.mza4-brand span{display:block}.mza4-brand span{color:var(--g);font-size:10px;letter-spacing:2px}
.mza4-nav{border:0;background:transparent;color:#dce7ef;padding:12px;text-align:left;border-radius:9px;margin-top:5px;font-weight:700}.mza4-nav:hover,.mza4-nav.active{background:rgba(255,255,255,.1)}
.mza4-main{padding:34px}.mza4-view{display:none}.mza4-view.active{display:block}
.mza4-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.mza4-head span{color:var(--r);font-size:11px;font-weight:800;letter-spacing:2px}.mza4-head h1{font-size:38px;margin:5px 0}.mza4-head p{color:var(--mut)}
.mza4-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.mza4-kpis article,.mza4-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.mza4-kpis span{display:block;color:var(--mut);font-size:12px}.mza4-kpis strong{display:block;font-size:26px;margin-top:5px}
.mza4-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mza4-card p{color:var(--mut)}.center{text-align:center}.mza4-big{font-size:44px}
.mza4-table{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.mza4-row{display:grid;grid-template-columns:1.5fr 1.5fr .8fr 1fr;gap:12px;padding:15px 18px;border-top:1px solid var(--line);align-items:center}.mza4-row.head{background:var(--soft);font-weight:800;border-top:0}
.mza4-pill{display:inline-flex;padding:5px 9px;border-radius:20px;background:#eef2f5;font-size:10px;font-weight:800}.mza4-pill.ok{background:#e7f6ee;color:var(--green)}.mza4-pill.warn{background:#fff2df;color:#a56300}
.mza4-btn{display:inline-flex;background:var(--n);color:#fff;border:0;padding:11px 16px;border-radius:8px;font-weight:800}.mza4-link{border:0;background:none;color:var(--n2);font-weight:800}
.mza4-public{font-family:Arial,sans-serif;background:#fff;color:var(--ink);padding-bottom:70px}.mza4-public-hero{padding:75px 5%;text-align:center;background:linear-gradient(135deg,#041d33,#0b456f);color:#fff}.mza4-public-hero span{color:var(--g);font-size:11px;letter-spacing:2px;font-weight:800}.mza4-public-hero h1{font-size:48px;margin:8px 0}
.mza4-report,.mza4-passport,.mza4-verify,.mza4-verify-result{max-width:1000px;margin:40px auto;padding:0 4%}.mza4-summary{display:flex;justify-content:space-between;background:#fff7df;border:1px solid #f0dfa3;padding:18px;border-radius:10px;margin-top:18px}
.public-grid{max-width:1100px;margin:45px auto;padding:0 4%}.mza4-diploma{text-align:center;border:6px double var(--g);padding:30px;background:#fffaf0}.mza4-diploma>div{font-size:50px}.mza4-diploma small{letter-spacing:2px;color:var(--n)}.mza4-diploma b{display:block;margin:12px 0}.mza4-diploma.locked{opacity:.6}
.mza4-passport{background:linear-gradient(145deg,#062844,#0b456f);color:#fff;border-radius:22px;padding:36px}.mza4-pass-head{display:flex;gap:14px;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:18px}.mza4-pass-head strong,.mza4-pass-head span{display:block}.mza4-pass-head span{color:var(--g);font-size:11px;letter-spacing:2px}.mza4-pass-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}.mza4-pass-grid article{background:rgba(255,255,255,.08);padding:20px;border-radius:12px}.mza4-pass-grid article>div{font-size:34px}.mza4-pass-grid article span{display:inline-block;color:var(--g);font-weight:800}.mza4-pass-foot{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding-top:18px}
.mza4-verify{display:flex;gap:10px}.mza4-verify input{flex:1;padding:14px;border:1px solid var(--line);border-radius:8px}.mza4-verify-result{text-align:center;background:#f1fbf5;border:1px solid #b9e4c8;border-radius:14px;padding:30px}.mza4-verify-result>div{font-size:44px}
.mza4-login{padding:60px;text-align:center}
@media(max-width:900px){.mza4-app{grid-template-columns:1fr}.mza4-side{position:relative}.mza4-kpis,.mza4-grid3{grid-template-columns:repeat(2,1fr)}.mza4-main{padding:24px}.mza4-row{grid-template-columns:1.4fr 1fr .8fr}.mza4-row span:nth-child(2){display:none}}
@media(max-width:600px){.mza4-kpis,.mza4-grid3,.mza4-pass-grid{grid-template-columns:1fr}.mza4-head{flex-direction:column;align-items:flex-start;gap:12px}.mza4-public-hero h1{font-size:36px}.mza4-summary,.mza4-pass-foot{flex-direction:column;gap:8px}.mza4-verify{flex-direction:column}}