:root{--purple:#741450;--coral:#ff616d;--ink:#242332;--muted:#666478}*{box-sizing:border-box}body{margin:0;font:16px/1.5 Arial,sans-serif;color:var(--ink);background:linear-gradient(120deg,#fff7f6,#f4eef8);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(145deg,#5e1044,#811852);color:#fff;padding:25px 20px;display:flex;flex-direction:column}.logo{width:160px;height:115px;object-fit:contain;border-radius:15px}.sidebar p{font-size:14px}nav a{display:block;color:white;text-decoration:none;padding:12px;margin:6px 0;border-radius:9px}nav a:hover,nav a:focus{background:#a32f6c}.aside-foot{margin-top:auto;border-top:1px solid #ffffff55;padding-top:24px;font:italic 23px Georgia;color:#ffa2ac}.shell{margin-left:245px}.topbar{padding:20px 32px;display:flex;justify-content:space-between;align-items:center;background:#ffffff99;border-bottom:1px solid #eadce7}.topbar>span{color:var(--purple);font:italic 20px Georgia}.topbar div{display:flex;align-items:center;gap:16px}main{padding:32px;max-width:1550px;margin:auto}h1{font-size:34px;margin:6px 0 8px}h2{color:var(--purple);font-size:22px;margin:0 0 12px}p{margin:8px 0 16px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--purple);font-weight:bold}.lead,.muted{color:var(--muted)}.lead{font-size:18px;margin-bottom:28px}.card{background:#ffffffcf;border:1px solid white;box-shadow:0 4px 20px #58284406;padding:24px;border-radius:16px;margin-bottom:20px;min-width:0}.narrow{max-width:520px}.grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:16px}.metric{display:flex;align-items:flex-start;gap:15px;padding:22px 16px}.metric h2{font-size:30px;color:#181623;margin:0}.metric p{font-size:14px;margin:0 0 5px}.icon{width:60px;height:60px;flex-shrink:0;background:linear-gradient(135deg,#ffe2e2,#eadced);border-radius:50%;display:grid;place-items:center;font-size:32px;color:var(--purple)}.badge{display:inline-block;border-radius:99px;background:#e5f4eb;color:#087d50;padding:4px 10px;font-size:13px;margin:3px}.role-administrator{background:#eee0f6;color:#741450}.role-volunteer{background:#dcecfb;color:#245a8c}.role-program-manager{background:#fce7d9;color:#925326}.role-inventory-manager{background:#d8f2ef;color:#21675f}.role-volunteer-coordinator{background:#fbe1ed;color:#843b61}.role-reporting-viewer{background:#e8e8ef;color:#525468}.status-inactive{background:#fff1d9;color:#916000}.status-blocked{background:#ffe4e5;color:#b12332}label{display:block;font-size:14px;font-weight:bold;margin-bottom:16px}input,select{display:block;width:100%;padding:12px;border:1px solid #d9ccda;border-radius:8px;font:inherit;background:white;color:var(--ink);margin-top:6px}button,.button{display:inline-block;border:0;border-radius:9px;padding:12px 18px;background:var(--purple);color:white;font:600 14px Arial;text-decoration:none;cursor:pointer;margin:5px 8px 5px 0}button:hover,.button:hover{background:#9a246b}.quiet{background:#f2e8f0;color:var(--purple)}a{color:var(--purple)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.check{display:flex;gap:8px;font-weight:normal}.check input{width:auto;margin:0}fieldset{border:1px solid #ded2df;border-radius:8px;margin-bottom:14px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;background:#f3eaf4;color:var(--purple)}td,th{padding:14px 12px;border-bottom:1px solid #eee7ed;vertical-align:top}.table-wrap{overflow-x:auto}details{min-width:170px}summary{cursor:pointer;color:var(--purple);font-weight:bold}details[open] form{min-width:220px;padding-top:14px}.notice,.errors{padding:18px;border-radius:12px;background:#e5f4eb;margin:20px 0}.errors{background:#fff0ec;color:#922d36}footer{margin:0 32px 30px;padding:22px;border-radius:14px;background:#eee0ed;color:var(--purple)}footer strong{font-size:21px}footer p{margin-bottom:0;color:var(--muted)}:focus-visible{outline:3px solid #e89dc5;outline-offset:3px}@media(max-width:900px){.sidebar{position:static;width:100%;padding:15px}.logo{width:110px;height:65px}.sidebar p,.aside-foot{display:none}nav{display:flex;flex-wrap:wrap}nav a{padding:8px;font-size:14px}.shell{margin:0}.grid{grid-template-columns:1fr}.topbar{padding:14px;gap:12px;flex-wrap:wrap}main{padding:20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:28px}.metric{flex-wrap:wrap}footer{margin:0 20px 20px}}@media(max-width:450px){.form-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.metric{flex-wrap:nowrap}.topbar>span{font-size:16px}}
.sidebar{overflow-y:auto}.sidebar nav{flex-shrink:0}