*{box-sizing:border-box}
:root{--blue:#0876b9;--navy:#17344c;--green:#16813c;--red:#a62d2d;--gray:#6c7780;--bg:#f4f7fa;--line:#dce5eb;--yellow:#f1d926}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:#172536}
.wrap{max-width:900px;margin:auto;padding:24px}.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 30px #14324b18;margin:16px 0}
.logo{display:block;max-width:290px;width:85%;margin:0 auto 14px}.org-name{text-align:center;font-size:13px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#53697d;line-height:1.45}
.title{text-align:center;color:#075d91;margin:12px 0 5px}.sub{text-align:center;line-height:1.45}
.field{margin:14px 0}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:13px;border:1px solid #cbd5df;border-radius:10px;font-size:16px;background:#fff}.field textarea{min-height:110px;resize:vertical}
.btn{display:inline-block;border:0;border-radius:10px;padding:12px 17px;font-weight:800;cursor:pointer;background:var(--blue);color:white;text-decoration:none}.btn.warn{background:var(--gray)}.btn.danger{background:var(--red)}.btn.ok{background:var(--green)}.btn.small{padding:8px 10px;font-size:12px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs a{padding:10px 12px;border-radius:9px;background:#e8eef3;color:#17344c;text-decoration:none;font-weight:700}.tabs a.active{background:var(--blue);color:#fff}
.member{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #e8edf1}.actions{display:flex;gap:6px;flex-wrap:wrap}
.status{font-weight:900}.status.ACTIVE{color:#16813c}.status.PENDING{color:#a56a00}.status.INACTIVE{color:#a62d2d}.msg{padding:12px;border-radius:10px;background:#edf7ed}.error{background:#fff0f0;color:#8b1d1d}.wait{background:#fff7df;color:#755000}
.appnav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:18px}.appnav a{text-decoration:none;text-align:center;padding:10px 5px;border-radius:9px;background:#edf3f6;color:#38576b;font-size:12px;font-weight:800}.appnav a.active{background:#0876b9;color:#fff}
.idcard{background:linear-gradient(140deg,#086a9f,#0e86bb);border-radius:19px;padding:20px;color:#fff;position:relative;overflow:hidden;box-shadow:0 12px 28px #075d9133}.idcard:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-115px;bottom:-160px;border:42px solid var(--yellow)}.idcard img{background:#fff;border-radius:8px;width:145px;padding:3px;position:relative;z-index:2}.idcard h2,.idcard .person,.idcard .org,.idcard .number,.idcard .badge{position:relative;z-index:2}.idcard h2{margin:16px 0 3px}.idcard .org{font-size:12px;font-weight:800;max-width:300px}.idcard .person{font-size:24px;font-weight:900;margin-top:22px}.idcard .number{font-size:12px;opacity:.85}.badge{display:inline-flex;margin-top:15px;padding:7px 11px;background:#fff;color:#16813c;border-radius:999px;font-weight:900;font-size:12px}
.listbox{border:1px solid var(--line);border-radius:13px;padding:14px;margin:12px 0}.listbox.important{border-left:5px solid #d18b00;background:#fffaf0}.listbox h3{margin:0 0 6px;color:#0a678f}.meta{font-size:12px;color:#718695}.code{margin-top:10px;background:#eef5f8;border-radius:8px;padding:9px 10px;font-family:ui-monospace,monospace;font-weight:800;display:inline-block}.empty{color:#708391}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:650px){.member{display:block}.actions{margin-top:10px}.wrap{padding:14px}.appnav{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}