:root{--navy:#102a4a;--navy2:#173b65;--blue:#2878ea;--pale:#eef5ff;--bg:#f4f7fb;--text:#1b2e48;--muted:#78879d;--line:#e6ecf4;--white:#fff;--green:#159a70;--amber:#e7a333;--red:#d65360;--shadow:0 8px 26px rgba(18,45,80,.055)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,'Segoe UI',Tahoma,Arial,sans-serif;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.layout{display:flex;min-height:100vh}.sidebar{width:256px;background:linear-gradient(175deg,#102c4e,#112842);color:#d8e5f6;padding:26px 14px;flex-shrink:0;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 34px;font-weight:800;font-size:21px;color:#fff}.brandicon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#317fe9}.small{font-size:12px;color:var(--muted)}.sidebar .small{color:#8ca8c8}.group-label{color:#81a0c1;font-size:10px;font-weight:800;letter-spacing:1.6px;padding:10px 15px;margin:14px 0 4px}.nav{display:flex;gap:12px;align-items:center;width:100%;border:0;background:transparent;color:#c2d4e8;text-align:left;padding:13px 15px;border-radius:11px;margin:3px 0;font-weight:600;font-size:13px}.nav span:first-child{font-size:19px;width:24px}.nav.active,.nav:hover{background:#2b5683;color:#fff}.sidebar-bottom{position:absolute;bottom:24px;left:26px;font-size:12px;color:#86a3c2}.main{flex:1;min-width:0}.header{height:80px;background:#fff;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:12px}.heading{font-size:23px;font-weight:800;letter-spacing:-.6px}.right{display:flex;gap:12px;align-items:center}.pill{background:#e9f5f1;color:#168a68;border-radius:30px;padding:7px 13px;font-size:12px;font-weight:700}.avatar{width:38px;height:38px;border-radius:50%;background:#dceafe;display:grid;place-items:center;color:#2760a6;font-weight:800}.content{max-width:1450px;margin:auto;padding:30px 35px}.hero{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.hero h1{margin:0 0 7px;font-size:25px}.hero p{margin:0;color:var(--muted);font-size:13px}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 16px;color:var(--text);font-weight:700;font-size:13px}.btn:hover{filter:brightness(.97)}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.tiny{padding:7px 10px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat,.panel{border-radius:15px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.stat{padding:21px;position:relative}.stat .icon{width:42px;height:42px;display:grid;place-items:center;font-size:22px;border-radius:13px;background:#eef5ff;margin-bottom:15px}.stat .num{font-size:29px;font-weight:850;letter-spacing:-1px}.stat .label{font-size:12px;color:var(--muted);margin-top:3px}.stat .accent{position:absolute;right:18px;top:20px;color:#219e79;font-size:11px}.columns{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-top:22px}.panel{padding:22px}.paneltitle{font-weight:800;font-size:16px;margin:0 0 18px}.barlist{display:grid;gap:13px}.barrow{display:grid;grid-template-columns:92px 1fr 36px;gap:12px;align-items:center;font-size:12px}.track{height:9px;border-radius:9px;background:#edf2f9;overflow:hidden}.fill{height:100%;background:#397deb;border-radius:8px}.activity{display:grid;gap:19px}.activityitem{display:flex;gap:12px;font-size:12px}.dot{border-radius:50%;background:#eaf4fd;display:grid;place-items:center;height:32px;width:32px;flex-shrink:0}.activityitem b{display:block;margin-bottom:4px}.muted{color:var(--muted)}.tablebox{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.65px;color:#8390a2;font-weight:800;padding:14px 12px;background:#f8fafd}.table td{font-size:13px;border-bottom:1px solid var(--line);padding:15px 12px}.table tr:last-child td{border-bottom:0}.status{display:inline-block;border-radius:50px;font-size:11px;font-weight:800;padding:6px 10px}.approved{background:#e9f8f1;color:#15996c}.pending{background:#fff5dc;color:#ac7713}.rejected{background:#ffedf0;color:#c13e54}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.input,.select{border:1px solid #dce5f0;border-radius:10px;padding:12px 13px;background:#fff;outline:none;min-width:0;width:100%;color:var(--text)}.input:focus,.select:focus{border-color:#3784e6;box-shadow:0 0 0 3px #e9f2ff}.filters .input{max-width:340px}.filters .select{max-width:165px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-size:12px;font-weight:750;color:#495c74}.memberbox{border:1px solid #dce6f2;border-radius:14px;padding:20px;margin:15px 0;background:#fbfdff}.membertop{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-weight:800}.hint{font-size:12px;color:var(--muted);line-height:1.6}.public-wrap{max-width:730px;margin:auto}.public-banner{background:linear-gradient(125deg,#102e51,#286fb9);padding:25px 28px;border-radius:17px;color:#fff;margin-bottom:18px}.public-banner h2{margin:0 0 8px;font-size:22px}.public-banner p{color:#c8def5;font-size:13px;margin:0}.public-panel{padding:27px}.public-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 22px}.step{height:6px;border-radius:20px;background:#e8eef8}.step.on{background:#397dec}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.familycard{background:linear-gradient(125deg,#143554,#2164a1);border-radius:16px;color:#fff;padding:22px;position:relative;min-height:202px;overflow:hidden}.familycard:before{content:'';position:absolute;right:-30px;top:-60px;width:180px;height:180px;border-radius:50%;border:30px solid #ffffff10}.familycard h3{font-size:12px;letter-spacing:1px;margin:0 0 28px}.familycard .id{font-size:23px;font-weight:850;letter-spacing:1px}.familycard .fn{font-weight:700;font-size:13px;margin-top:20px}.familycard .fauxqr{position:absolute;right:20px;bottom:20px;background:white;color:#143554;padding:8px;font-size:29px;border-radius:5px}.notice{padding:14px 16px;background:#edf5ff;border-radius:11px;border:1px solid #d8e9ff;color:#295e9b;font-size:12px;margin-bottom:18px}.detailrow{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;gap:15px;font-size:13px}.detailrow span:first-child{color:var(--muted)}.empty{padding:45px;text-align:center;color:var(--muted)}.mobilemenu{display:none}.switchrow{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.switchrow input{width:19px;height:19px}.toast{position:fixed;right:24px;bottom:24px;background:#193d64;color:white;padding:14px 20px;border-radius:12px;box-shadow:0 10px 30px #193d6444;z-index:100;display:none;font-size:13px}.overlay{position:fixed;inset:0;background:#081c32aa;display:none;align-items:center;justify-content:center;padding:20px;z-index:70}.modal{width:min(640px,100%);max-height:90vh;overflow:auto;border-radius:18px;background:white;padding:25px}.no-print{}.demo-label{font-size:11px;background:#eaf2ff;color:#2b6fc0;padding:6px 10px;border-radius:30px;font-weight:700}@media(max-width:1000px){.sidebar{width:75px;padding:23px 9px}.brand{padding:0 6px 32px}.brandtext,.nav .navtext,.group-label,.sidebar-bottom{display:none}.nav{justify-content:center}.nav span:first-child{width:auto}.content{padding:24px}.header{padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.sidebar{display:none;position:fixed;z-index:50;width:255px}.sidebar.open{display:block}.sidebar.open .brandtext,.sidebar.open .nav .navtext,.sidebar.open .group-label{display:block}.sidebar.open .nav{justify-content:start}.mobilemenu{display:block}.header{height:68px;padding:0 15px}.heading{font-size:17px}.content{padding:20px 12px}.hero{align-items:start;flex-direction:column}.stats,.columns,.cards,.grid2{grid-template-columns:1fr}.public-panel{padding:18px}.panel{padding:16px}.stat{padding:16px}.right .pill{display:none}.barrow{grid-template-columns:77px 1fr 30px}}
@media print{.sidebar,.header,.hero,.filters,.no-print,.btn{display:none!important}.main,.content{padding:0!important;margin:0!important}.panel{border:0;box-shadow:none}.familycard{print-color-adjust:exact;-webkit-print-color-adjust:exact;page-break-inside:avoid}.cards{grid-template-columns:1fr 1fr}body{background:white}}

body{line-height:1.5}.public-shell{min-height:100vh;background:#f4f7fb;padding:25px 14px}.public-wrap{max-width:760px;margin:auto}.formactions{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}.error{background:#ffedf0;color:#a12d49;padding:12px;border-radius:9px;margin-bottom:14px}.successbox{background:#e9f8f1;color:#146e52;padding:18px;border-radius:12px}.toplinks{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field{margin-bottom:13px}.memberbox{background:white}.page-title{margin-top:0}.link{color:#2878ea;text-decoration:none;font-weight:700}.admin-form{display:inline}.btn:disabled{opacity:.55}.safety{font-size:12px;color:#76869b}.public-banner{margin-bottom:17px}.member-topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.form-errors{border:1px solid #f3cbd0;background:#fff0f1;padding:12px;border-radius:10px;margin-bottom:14px}.loginpanel{max-width:450px;margin:9vh auto}.rolepill{padding:5px 10px;border-radius:20px;background:#ebf2ff;color:#2463ad;font-size:11px;font-weight:800}.rtl-block{direction:rtl;text-align:right}.rtl-block input{direction:auto;text-align:start}.notice{font-size:13px;padding:14px 18px;border-radius:10px;background:#edf5ff;color:#27527e}.card-art{background:linear-gradient(130deg,#102a4a,#235f9c);color:#fff;border-radius:17px;padding:25px;max-width:500px}.card-art h2{color:#fff}.card-art .muted{color:#c1d6ed}.table a{color:#2878ea;text-decoration:none;font-weight:700}.columns-1{max-width:860px}.section-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.section-tabs a{background:#fff;padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-size:13px;color:var(--navy);text-decoration:none}@media(max-width:850px){.layout{display:block}.sidebar{position:static;height:auto;width:100%;padding:14px}.sidebar-bottom,.group-label{display:none}.nav{width:auto;display:inline-flex;padding:9px;margin:2px;font-size:12px}.brand{padding:0 0 10px}.header{padding:12px 17px;height:auto}.content{padding:18px}.stats{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}}@media(max-width:500px){.grid2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:12px}.stat .num{font-size:22px}.memberbox{padding:14px}.panel{padding:16px}.hero{flex-direction:column;align-items:flex-start}}
@media print{.sidebar,.header,.btn,.toplinks,.no-print{display:none!important}.content{padding:0}.card-art{print-color-adjust:exact;-webkit-print-color-adjust:exact}.main{width:100%}body{background:white}}
.confirm-modal{border:0;border-radius:18px;padding:30px 28px 24px;width:min(400px,calc(100vw - 32px));text-align:center;color:var(--text);box-shadow:0 24px 60px rgba(16,42,74,.28)}.confirm-modal[open]{animation:confirmIn .18s ease-out}.confirm-modal::backdrop{background:rgba(16,42,74,.45);backdrop-filter:blur(3px)}.confirm-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#fdecee;color:var(--red);font-size:28px;font-weight:800}.confirm-modal h3{margin:0 0 8px;font-size:19px}.confirm-modal p{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.5}.confirm-actions{display:flex;gap:10px}.confirm-actions .btn{flex:1;padding:12px}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}@keyframes confirmIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}