@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Syne+Mono&family=Inter:wght@300;400;500;600&display=swap";:root{--ink:#0a0a0a;--ink-soft:#1a1a1a;--ink-mid:#2a2a2a;--white:#f5f3ef;--white-mid:#f5f3efb3;--white-soft:#f5f3ef66;--accent:#d45a1e;--accent-bg:#d45a1e1a;--accent-dark:#b34a10;--border:#f5f3ef1f;--border-mid:#f5f3ef33;--green:#2d6a4f;--green-bg:#e8f5ee;--red:#b83220;--red-bg:#fef2f2;--blue:#185fa5;--blue-bg:#e6f1fb;--orange-bg:#d45a1e14;--text:var(--white);--text-mid:var(--white-mid);--text-light:var(--white-soft);--radius-sm:4px;--radius:6px;--radius-lg:8px;--shadow-sm:0 1px 4px #0000004d;--shadow:0 2px 12px #0006;--shadow-lg:0 6px 24px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--ink);color:var(--white);min-height:100vh;font-family:Inter,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3,h4{color:var(--white);font-family:Syne,sans-serif;line-height:1.2}h1{font-size:26px;font-weight:700}h2{font-size:20px;font-weight:600}h3{font-size:16px;font-weight:600}p{color:var(--text-mid)}a{color:var(--accent)}input,select,textarea,button{font-family:"Source Sans 3",sans-serif;font-size:14px}input,select,textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--ink-soft);width:100%;color:var(--white);padding:10px 13px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6b3a2a14}input::placeholder{color:var(--text-light)}label{color:var(--accent);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--ink-soft);color:var(--white);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-primary:disabled{cursor:not-allowed;background:#d45a1e80}.btn-secondary{background:var(--ink-soft);color:var(--white);border:1.5px solid var(--border)}.btn-secondary:hover{border-color:#d45a1e80}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{justify-content:center;width:100%;padding:13px 24px;font-size:15px}.card{background:var(--ink-soft);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-hover{cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .15s}.card-hover:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-1px)}.badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-green{background:var(--green-bg);color:var(--green)}.badge-orange{background:var(--orange-bg);color:var(--accent)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-gray{background:var(--ink-soft);color:var(--text-mid)}.badge-blue{color:var(--blue);background:#e6f1fb}.alert{border-radius:var(--radius);margin-bottom:20px;padding:14px 18px;font-size:14px}.alert-warning{background:var(--orange-bg);border:1px solid #f5d98b;border-left:4px solid var(--accent);color:#7a5000}.alert-error{background:var(--red-bg);color:var(--red);border:1px solid #fecaca}.page{max-width:860px;margin:0 auto;padding:32px}.page-wide{max-width:1100px;margin:0 auto;padding:32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead tr{background:var(--accent);color:#fff}thead th{text-align:left;padding:10px;font-weight:600}tbody tr{border-bottom:1px solid var(--ink-soft)}tbody tr:nth-child(2n){background:var(--ink)}tbody td{color:var(--text-mid);padding:9px 10px}tfoot tr{background:var(--ink-soft);border-top:2px solid var(--accent);font-weight:700}tfoot td{padding:10px}.divider{background:var(--ink-soft);height:1px;margin:20px 0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--ink-soft)}::-webkit-scrollbar-thumb{background:#d45a1e80;border-radius:3px}@media print{.no-print{display:none!important}body{background:var(--ink-soft);font-size:11px}}@media (width<=768px){.page,.page-wide{padding:16px}.volunteer-actions{flex-direction:column!important;gap:4px!important}.volunteer-actions button{width:100%}}.vol-card{padding:14px 18px}.vol-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.vol-card-info{cursor:pointer;flex:1;min-width:0}.vol-card-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:6px;display:flex}@media (width<=500px){.vol-card-top{flex-direction:column}.vol-card-actions{width:100%;margin-top:10px}.vol-card-actions button{flex:1}}button{color:var(--white)}input,select,textarea{color:var(--white);background:var(--ink-soft)}option{background:var(--ink-soft);color:var(--white)}@media (width<=768px){.main-content{padding:72px 16px 24px!important}.page,.page-wide{padding:16px}}