:root{--sea: #2e8fd1;--deep-sea: #1f5d94;--sand: #e9e2cf;--text: #2f2a24;--card: #f5f1e7;--white: #ffffff;--sand-border: rgba(47, 42, 36, .12);--radius: 14px}body{background:var(--sand);color:var(--text);font-family:Inter,sans-serif;line-height:1.6;margin:0;padding:0;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Cormorant Garamond,serif;font-weight:600;color:var(--text);margin-top:0}.site-header{background:var(--deep-sea);padding:.85rem 1.5rem;box-shadow:0 4px 15px #0000000d}.site-header__inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.site-header__logo{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:600;color:var(--white)!important}.site-header .nav-link{color:#ffffffd9!important;text-decoration:none;font-size:.95rem;font-weight:500;padding:.4rem .8rem;border-bottom:2px solid transparent;transition:all .2s ease}.site-header .nav-link:hover,.site-header .nav-link.active{color:var(--white)!important;border-bottom:2px solid var(--white)}main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.page-hero{margin-bottom:1.5rem}.page-hero h1{font-size:2.8rem;margin-bottom:.25rem}.page-hero p{font-size:1.05rem;opacity:.85;margin:0}.stats-bar{display:flex;flex-wrap:wrap;gap:1.5rem;background:transparent;padding:.5rem 0 1.5rem;margin-bottom:1rem;border-bottom:1px solid var(--sand-border)}.stat-item{font-size:1rem;color:var(--text)}.stat-item strong{font-family:Cormorant Garamond,serif;font-size:1.5rem;color:var(--deep-sea);margin-right:.35rem}.card{background:var(--card);border-radius:var(--radius);padding:1.5rem;border:1px solid rgba(196,169,109,.25);box-shadow:0 8px 24px #00000008}.card h3{font-size:1.5rem;border-bottom:1px solid var(--sand-border);padding-bottom:.4rem}.btn{font-family:Inter,sans-serif;font-weight:600;font-size:.9rem;padding:.55rem 1.2rem;border-radius:999px;border:none;cursor:pointer;transition:transform .2s ease,background .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--sea);color:var(--white)}.btn-primary:hover{background:#247bb7}.btn-secondary{background:transparent;border:1px solid var(--text);color:var(--text)}.btn-secondary:hover{background:#2f2a240d}.btn-ghost{background:transparent;color:var(--deep-sea);border:1px solid transparent}.btn-ghost:hover{background:#1f5d940f}.btn-sm{padding:.35rem .9rem;font-size:.8rem}.tag{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.8rem;font-weight:500}.tag-sea{background:#2e8fd11f;color:var(--deep-sea);border:1px solid rgba(46,143,209,.2)}.avail-badge{font-weight:600}input[type=text],input[type=email],input[type=number],input[type=date],textarea,select{background:var(--white);color:var(--text);border:1px solid var(--sand-border);padding:.55rem;border-radius:6px;font-family:Inter,sans-serif}.filters-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--card);border:1px solid rgba(196,169,109,.25);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem}.search-input{flex:1;max-width:400px}.data-table-wrapper{background:var(--card);border-radius:var(--radius);border:1px solid rgba(196,169,109,.25);box-shadow:0 8px 24px #00000008;overflow:hidden;margin-bottom:2rem}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:#1f5d940d;color:var(--text);font-family:Inter,sans-serif;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;padding:1rem 1.25rem;border-bottom:2px solid var(--sand-border)}.data-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--sand-border);font-size:.95rem;background:var(--white)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f5f1e74d}.volunteer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.volunteer-profile-card{background:var(--card);border:1px solid rgba(196,169,109,.25);border-radius:var(--radius);padding:1.5rem;box-shadow:0 6px 18px #00000005;transition:transform .2s ease,box-shadow .2s ease}.volunteer-profile-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000000d}.profile-card-header{border-bottom:1px solid var(--sand-border);padding-bottom:.75rem;margin-bottom:1rem}.profile-card-title{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:600;color:var(--deep-sea)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;text-transform:uppercase}.badge-active{background:#2e7d321f;color:var(--success);border:1px solid rgba(46,125,50,.2)}.badge-inactive{background:#2f2a2414;color:#666;border:1px solid var(--sand-border)}.detail-layout{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start}.meta-list{list-style:none;padding:0;margin:0}.meta-list li{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--sand-border);font-size:.95rem}.meta-list li:last-child{border-bottom:none}.meta-label{font-weight:600;color:#2f2a24bf}:root{--success: #2e7d32;--danger: #b3261e;--info: #1f5d94}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.mt-1{margin-top:.5rem}.mt-3{margin-top:1.5rem}.text-muted{color:#2f2a2499}.empty-state{text-align:center;padding:3rem 1rem;color:#2f2a2499}.site-header__nav{display:flex;align-items:center;gap:1.5rem}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:#921f18}.tag-info{background:#1f5d941a;color:var(--info);border:1px solid rgba(31,93,148,.2)}.avail-weekdays{color:var(--deep-sea)}.avail-flexible{color:var(--sea)}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--card);border:1px solid rgba(196,169,109,.25);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem}.volunteer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.volunteer-card{background:var(--card);border:1px solid rgba(196,169,109,.25);border-radius:var(--radius);padding:1.25rem;box-shadow:0 6px 18px #00000005;transition:transform .2s ease,box-shadow .2s ease}.volunteer-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000000d}.volunteer-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.volunteer-card__avatar{width:40px;height:40px;border-radius:50%;background:var(--sea);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.volunteer-card__name{font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:600;color:var(--deep-sea)}.volunteer-card__role{font-size:.85rem;color:#2f2a2499}.volunteer-card__body{margin-bottom:.75rem}.volunteer-card__meta{font-size:.9rem;color:#2f2a2499;margin-bottom:.5rem}.volunteer-card__skills{display:flex;flex-wrap:wrap;gap:.4rem}.volunteer-card__actions{display:flex;gap:.5rem;border-top:1px solid var(--sand-border);padding-top:.75rem}.spinner{border:3px solid var(--sand-border);border-top-color:var(--sea);border-radius:50%;width:28px;height:28px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--deep-sea);color:var(--white);padding:.75rem 1.25rem;border-radius:8px;box-shadow:0 8px 24px #00000026}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--white);border-radius:var(--radius);max-width:480px;width:90%;box-shadow:0 20px 50px #0003}.modal__header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--sand-border);display:flex;justify-content:space-between;align-items:center}.modal__body{padding:1.5rem}.modal__footer{padding:1rem 1.5rem;border-top:1px solid var(--sand-border);display:flex;justify-content:flex-end;gap:.75rem}.modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sand)}.login-card{background:var(--card);border:1px solid rgba(196,169,109,.25);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:380px;box-shadow:0 8px 24px #0000000d}.login-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.login-logo__mark{width:40px;height:40px;border-radius:50%}.login-body label{display:block;font-weight:600;margin-bottom:.4rem;font-size:.9rem}.login-body input{width:100%;margin-bottom:1rem;box-sizing:border-box}.login-btn-wrap{margin-top:1rem}.login-error{color:var(--danger);font-size:.9rem;margin-bottom:1rem}.page-hero{padding:2.5rem 0 1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--sand-border)}.page-hero h1{font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:600;color:var(--text);margin-bottom:.4rem}.page-hero p{color:#2f2a2499;font-size:1rem;margin:0}.stats-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.stat-item{display:flex;align-items:baseline;gap:.4rem;font-size:.95rem;color:#2f2a24b3}.stat-item strong{font-size:1.2rem;font-weight:600;color:var(--deep-sea)}.tag{display:inline-block;padding:.25rem .65rem;border-radius:20px;font-size:.8rem;font-weight:500;background:#2f2a2414;color:var(--text);border:1px solid var(--sand-border)}.tag-sea{background:#2e8fd11f;color:var(--sea);border:1px solid rgba(46,143,209,.25)}.stats-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.stat-item{flex:1;min-width:120px;background:var(--card);border:1px solid rgba(196,169,109,.25);border-radius:var(--radius);padding:1.25rem 1.5rem;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column;gap:.25rem}.stat-item strong{font-family:Cormorant Garamond,serif;font-size:2.4rem;font-weight:600;color:var(--deep-sea);line-height:1}.stat-item span,.stat-item{font-size:.85rem;color:#2f2a2499;font-weight:500}:root{--sea-dark: #1f5d94;--ink-muted: rgba(47, 42, 36, .55);--font-head: "Cormorant Garamond", serif}.avail-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.avail-badge.avail-weekdays{background:#1f5d941f;color:var(--deep-sea);border:1px solid rgba(31,93,148,.2)}.avail-badge.avail-weekends{background:#2e8fd11f;color:var(--sea);border:1px solid rgba(46,143,209,.2)}.avail-badge.avail-flexible{background:#2e7d321a;color:var(--success);border:1px solid rgba(46,125,50,.2)}div[style*=sea-dark]{background:transparent!important;color:var(--text)!important;padding-top:1.5rem!important;padding-bottom:1rem!important}div[style*=sea-dark] h1{color:var(--text)!important}div[style*=sea-dark] p{color:#2f2a24a6!important}div[style*=sea-dark] .btn-ghost{color:var(--deep-sea)!important;border-color:var(--deep-sea)!important}div[style*=sea-dark]>.container>div:first-child{background:var(--sea)!important}.login-logo__mark{width:56px!important;height:56px!important;border-radius:0!important;object-fit:contain}@media screen and (max-width: 768px){.container{padding-left:1rem!important;padding-right:1rem!important}.page-hero{padding:1.5rem 1rem!important;text-align:center}.site-header__inner{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;padding:1rem!important}.site-header__nav{flex-wrap:wrap!important;justify-content:center!important;gap:.75rem!important;width:100%}.site-header__nav>div{border-left:none!important;padding-left:0!important;margin-left:0!important;width:100%;justify-content:center!important;border-top:1px solid rgba(255,255,255,.15);padding-top:.75rem;margin-top:.25rem}.site-header__logo{font-size:1.1rem!important}.filter-bar{display:flex!important;flex-direction:column!important;gap:.75rem!important;padding:1rem!important}.filter-bar input[type=search],.filter-bar select,.filter-bar button{width:100%!important;margin:0!important}.stats-bar{flex-direction:column!important;gap:.75rem!important;text-align:center;padding:1rem!important}.stats-bar .btn,.stats-bar a{margin-left:0!important;width:100%!important;text-align:center}.container[style*=grid-template-columns],div[style*=grid-template-columns]{grid-template-columns:1fr!important}.card[style*="grid-column: span 2"],div[style*="grid-column: span 2"]{grid-column:span 1!important}.volunteer-card__header{flex-wrap:wrap!important;gap:.5rem!important}.volunteer-card__header .tag{margin-left:0!important;width:100%!important;text-align:center;margin-top:.25rem}.volunteer-card__actions{flex-wrap:wrap!important;gap:.5rem!important}.volunteer-card__actions button:last-child{margin-left:0!important;width:100%!important;text-align:center;border:1px solid rgba(231,76,60,.2)!important;background:#e74c3c0d!important;padding:.5rem!important}div[style*="background: var(--sea-dark)"]>.container{flex-direction:column!important;text-align:center!important;justify-content:center!important;align-items:center!important;gap:1rem!important}div[style*="background: var(--sea-dark)"] .btn,div[style*="background: var(--sea-dark)"] a{flex:1;text-align:center;justify-content:center}div[style*="background: var(--sea-dark)"]>.container>div:last-child{width:100%!important;justify-content:center!important}.modal{width:90%!important;max-width:100%!important;margin:1rem}}