body{font-family:Roboto,sans-serif;background:linear-gradient(135deg,#000000,#1a1a1a);line-height:1.8}.hero-small,body{color:#ffffff;margin:0;padding:0}.hero-small{background:linear-gradient(rgba(0,0,0,.82),rgba(0,0,0,.82)),url(https://images.unsplash.com/photo-1498837167922-ddd27525d352?w=1600&h=900&fit=crop) no-repeat 50%/cover;height:35vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-shadow:3px 3px 10px rgba(0,0,0,.9)}.hero-small h1{font-size:2.5em;margin:0;animation:fadeInDown 1s ease}.hero-small p{font-size:1.3em;margin:20px 0;max-width:600px;color:#eeeeee;animation:fadeIn 1.5s ease}.donation-list-section,.form-section{background-color:#1a1a1a;padding:30px;margin:40px auto;max-width:1040px;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.5);color:#ffffff}.form-container{display:flex;flex-direction:column}.form-container input{width:100%;padding:12px 15px;margin-bottom:20px;border:1px solid #666666;border-radius:8px;color:#ffffff;background-color:#1f1f1f;transition:border .2s ease,background-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-container input:focus{border-color:rgba(255,204,0,.7);outline:none;background:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(255,204,0,.08)}.button,.call-button{padding:14px 16px;background:linear-gradient(135deg,#ffcc00,#ffb300);color:#111111;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.button:hover,.call-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(255,179,0,.18)}.call-button{width:-moz-fit-content;width:fit-content;font-size:.92rem;padding:12px 16px}.button-refresh-location{padding:14px 16px;background:linear-gradient(135deg,#ffcc00,#ffb300);color:#111111;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.button--secondary,.call-button--secondary{background:rgba(255,255,255,.08);color:#ffffff;border:1px solid rgba(255,255,255,.16)}.button--secondary:hover,.call-button--secondary:hover{box-shadow:0 10px 20px rgba(255,255,255,.08)}.call-button--disabled{background:#424242;color:#bbbbbb;cursor:default;box-shadow:none}.call-button--disabled:hover{transform:none}.section-heading{align-items:flex-end;margin-bottom:22px}.search-location-card,.section-heading{display:flex;justify-content:space-between;gap:16px}.search-location-card{align-items:flex-start;padding:14px 16px;margin:18px 0;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}.search-location-title{margin:0;color:#ffffff;font-size:1rem;font-weight:700}.search-location-meta{margin:6px 0 0;color:#bdbdbd;font-size:.86rem;line-height:1.5}.donation-cards{display:grid;grid-gap:12px;gap:12px}.donation-item{background:linear-gradient(180deg,rgba(45,45,45,.98),rgba(31,31,31,.98));padding:12px;border-radius:12px;border:1px solid #373737;box-shadow:0 8px 18px rgba(0,0,0,.24);display:flex;align-items:flex-start;gap:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.donation-item:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(0,0,0,.28)}.donation-item--warning{border-color:rgba(255,204,0,.45)}.donation-item--danger{border-color:rgba(255,99,71,.55)}.donation-image-wrap{border-radius:10px;overflow:hidden;background-color:#111111;border:1px solid #414141;display:flex;align-items:center;justify-content:center;flex-shrink:0}.donation-image-wrap,.donation-image-wrap--compact{width:80px;min-width:80px;height:80px}.donation-image-wrap--placeholder{color:#7b7b7b;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.donation-image{width:100%;height:100%;object-fit:cover;display:block}.donation-image--compact{border-radius:10px}.donation-item-content{flex:1 1;display:flex;flex-direction:column;gap:8px;min-width:0}.donation-item-content--compact{gap:8px}.donation-item-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.donation-title{margin:0;font-size:1rem;line-height:1.35;color:#ffffff;overflow-wrap:anywhere}.donation-badge,.status-badge{flex-shrink:0;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1.4}.donation-badge{background-color:rgba(255,204,0,.14);color:#ffcc00}.status-badge--active,.status-badge--available{background-color:rgba(76,175,80,.16);color:#9be19d}.status-badge--expired{background-color:rgba(244,67,54,.16);color:#ffb4ab}.status-badge--completed{background-color:rgba(158,158,158,.16);color:#dddddd}.donation-location{margin:0 0 .25rem;color:#bcbcbc;font-size:.8rem;line-height:1.4}.donation-distance{margin:0 0 .25rem;color:#ffcc00;font-size:.85rem;font-weight:600}.donation-donor,.donation-location-detail{margin:0;color:#8fc7ff;font-size:.76rem;line-height:1.4}.donation-inline-row{display:flex;justify-content:space-between;gap:12px;color:#d6d6d6;font-size:.8rem;flex-wrap:wrap}.donation-actions{display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin-top:auto}.donation-map-preview{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;background:#151515}.donation-map-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;color:#f2f2f2;font-size:.82rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08)}.donation-map-expand{color:#ffcc00;text-decoration:none;font-size:.78rem}.donation-map-frame{width:100%;height:210px;border:0;display:block}.donation-expiry--neutral{color:#dddddd}.donation-expiry--warning{color:#ffe082}.donation-expiry--danger{color:#ffb4ab}.call-button--compact{padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:700;min-height:30px;text-transform:none}.empty-message{text-align:center;padding:30px 20px;color:#aaaaaa;font-size:1.05rem;background-color:#262626;border-radius:8px;margin:10px 0}.filter-bar{display:flex;flex-direction:column;gap:14px;padding:16px 18px;margin-bottom:22px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}.filter-bar__search{position:relative;display:flex;align-items:center}.filter-bar__search-icon{position:absolute;left:14px;color:#888;pointer-events:none;flex-shrink:0}.filter-bar__search-input{width:100%;padding:11px 40px 11px 42px;border:1px solid #555;border-radius:10px;background:#1f1f1f;color:#fff;font-size:.92rem;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.filter-bar__search-input::placeholder{color:#777}.filter-bar__search-input:focus{outline:none;border-color:rgba(255,204,0,.6);box-shadow:0 0 0 3px rgba(255,204,0,.08)}.filter-bar__search-clear{position:absolute;right:10px;background:none;border:none;color:#999;font-size:.85rem;cursor:pointer;padding:4px 8px;border-radius:50%;transition:color .15s ease,background .15s ease}.filter-bar__search-clear:hover{color:#fff;background:rgba(255,255,255,.1)}.filter-bar__controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-bar__group{display:flex;align-items:center;gap:8px}.filter-bar__label{font-size:.78rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.filter-bar__pills{display:flex;gap:6px}.filter-pill{padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#ccc;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-pill:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff}.filter-pill--active{background:rgba(255,204,0,.15);border-color:rgba(255,204,0,.5);color:#ffcc00}.filter-pill--active.filter-pill--veg{background:rgba(76,175,80,.15);border-color:rgba(76,175,80,.5);color:#81c784}.filter-pill--active.filter-pill--nonveg{background:rgba(244,67,54,.15);border-color:rgba(244,67,54,.5);color:#ef9a9a}.filter-bar__select{padding:7px 30px 7px 12px;border-radius:10px;border:1px solid #555;background:#1f1f1f;color:#ddd;font-size:.85rem;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s ease}.filter-bar__select:focus{outline:none;border-color:rgba(255,204,0,.6)}.filter-bar__select:hover{border-color:#888}.filter-bar__clear{margin-left:auto;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,99,71,.35);background:rgba(255,99,71,.08);color:#ff8a80;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-bar__clear:hover{background:rgba(255,99,71,.15);border-color:rgba(255,99,71,.5);color:#ffab91}.filter-bar__status{font-size:.82rem;color:#aaa;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.donation-item{padding:12px}.donation-image-wrap{width:80px;min-width:80px;height:80px}}@media (max-width:768px){.hero-small{height:30vh;padding:15px}.hero-small h1{font-size:1.8em}.hero-small p{font-size:1em;text-align:center}.donation-list-section,.form-section{padding:20px;margin:20px auto}.section-heading{align-items:flex-start}.search-location-card,.section-heading{flex-direction:column}.donation-inline-row{gap:8px}.filter-bar__controls{flex-direction:column;align-items:flex-start;gap:12px}.filter-bar__clear{margin-left:0}}@media (max-width:480px){.hero-small h1{font-size:1.5em}.hero-small p{font-size:.9em}.donation-list-section,.form-section{padding:16px}.donation-item{gap:10px}.button{width:100%}.call-button--compact{width:-moz-fit-content;width:fit-content}.filter-bar{padding:12px 14px}.filter-bar__group,.filter-bar__pills{flex-wrap:wrap}}