:root{--red:#a51936;--red-dark:#84132a;--ink:#202e37;--muted:#747c80;--line:#e6e7e3;--paper:#f7f6f2;--pink:#faeef0;--green:#38664e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}h1,h2,h3,.brand{font-family:Manrope,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b45d70;outline-offset:3px}button{border:0}p{line-height:1.7}button:disabled{cursor:default;opacity:.6}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#fff;border-right:1px solid var(--line);padding:34px 24px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.8px}.brand img{border-radius:12px}.brand small{display:block;font-family:'DM Sans',sans-serif;font-weight:400;font-size:11px;letter-spacing:.15px;margin-top:4px;color:var(--muted)}.nav-caption{margin:48px 12px 17px;color:#92989b;font-size:10px;font-weight:700;letter-spacing:1.5px}nav a{display:flex;align-items:center;gap:13px} .sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:14px;border-radius:9px;color:#68737a;font-weight:500}.sidebar nav a>span{font-size:21px;line-height:1}.sidebar nav a.active{background:var(--pink);color:var(--red);font-weight:700}.sidebar nav a:hover{background:#f6f5f2}.sidebar nav b{margin-left:auto;background:#fff;padding:2px 7px;border-radius:5px;font-size:10px}.sidebar-bottom{margin-top:auto;padding:26px 14px 14px}.mini-drop{color:var(--red);font-size:25px;margin-bottom:12px}.sidebar-bottom strong{font-size:19px;line-height:1.5;font-family:Manrope,sans-serif}.sidebar-bottom p{color:var(--muted);font-size:12px}.text-button{background:none;color:var(--red);padding:0;font-size:12px;font-weight:700}.version{border-top:1px solid var(--line);padding-top:20px;font-size:8px;letter-spacing:1.4px;color:#969b9e;margin-top:16px;text-align:center}.workspace{margin-left:252px}.topbar{height:84px;background:#ffffffcf;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{font-size:12px;color:#92989b}.breadcrumb span{margin:0 13px;color:#b5b9bb}.breadcrumb strong{font-weight:500;color:#4b565c}.top-actions{display:flex;align-items:center;gap:22px}.preview-pill{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:7px}.preview-pill i,.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--red);display:inline-block}.avatar{border:1px solid var(--line);width:36px;height:36px;border-radius:50%;background:#efece5;color:#7b6f60;font-size:11px;font-weight:700}main{max-width:1500px;margin:auto;padding:24px 42px 0}.demo-banner{display:flex;align-items:center;gap:12px;border:1px solid #e6e2d7;border-radius:8px;padding:10px 14px;color:#797465;background:#f5f2e9;margin-bottom:23px;font-size:11px}.demo-banner>span{font-size:18px}.demo-banner p{margin:0;line-height:1.6}.demo-banner strong{font-weight:700}.hero{position:relative;overflow:hidden;background:#eeeae1;border:1px solid #e6e2d9;border-radius:18px;min-height:367px;display:flex;align-items:center;justify-content:space-between;padding:40px 46px}.hero-content{position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;display:inline-flex;align-items:center;gap:8px;color:var(--red)}h1{font-size:48px;line-height:1.13;letter-spacing:-2px;margin:18px 0;font-weight:800}h1 em{font-style:normal;color:var(--red)}.hero p{color:#6f706c;font-size:13px;margin:18px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:8px;font-weight:600;font-size:12px;min-height:44px}.primary{background:var(--red);color:#fff}.primary:hover{background:var(--red-dark)}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.secondary:hover{background:var(--paper)}.danger{background:#fff0f1;color:var(--red)}.hero-link{font-size:10px;margin-left:17px;text-decoration:underline;text-underline-offset:4px;color:#76736c}.hero-art{height:285px;width:340px;position:relative;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0}.hero-art svg{width:215px;height:260px;position:relative;transform:rotate(10deg);filter:drop-shadow(0 18px 16px #81122a18)}.orbit{position:absolute;border:1px solid #d8d3c8;border-radius:50%;width:285px;height:285px;transform:rotate(-25deg)}.orbit-two{height:205px;width:360px;transform:rotate(-30deg)}.art-dot{position:absolute;width:11px;height:11px;background:#a51936;border:3px solid #eeeae1;border-radius:50%;z-index:2}.dot-one{top:57px;right:15px}.dot-two{bottom:35px;left:18px;background:#aaa490}.art-note{display:flex;align-items:center;gap:10px;position:absolute;bottom:15px;right:-7px;background:#fffefa;box-shadow:0 8px 24px #4640300b;border:1px solid #e4e0d6;border-radius:9px;padding:12px 15px;font-size:10px;line-height:1.6;transform:rotate(-5deg)}.art-note>span{font-size:26px;color:var(--red)}.art-note strong{font-weight:600}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:35px 0 22px}.section-heading h2{font-size:25px;letter-spacing:-.9px;margin:8px 0}.section-heading p{font-size:12px;color:var(--muted);margin:6px 0}.section-heading h1{font-size:37px}.muted{color:#89918e}.section-heading h2>span{display:inline-block;font-family:'DM Sans',sans-serif;font-size:11px;vertical-align:middle;background:#eae9e2;border-radius:7px;padding:4px 7px;letter-spacing:0;margin-left:5px;color:#6b756f}.switch-label{display:flex;gap:8px;align-items:center;color:#69736f;font-size:10px;white-space:nowrap}input[type=checkbox]{accent-color:var(--red);width:16px;height:16px;flex-shrink:0}.filters{padding:16px;background:#fff;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr 32px;gap:14px;align-items:end}.filters label>span{display:block;color:#89918e;font-size:9px;margin-bottom:8px}.filters input,.filters select{border:0;background:#fff;border-radius:0;padding:0 16px 0 0;min-height:25px;width:100%;font-size:12px;font-weight:500}.filters label{border-right:1px solid var(--line);padding-left:8px}.filters .search-label{border-right:0}.filter-reset{background:#f6f5f0;border-radius:7px;font-size:22px;color:#777f79;height:34px}.results-meta{display:flex;justify-content:space-between;margin:20px 0 14px;font-size:10px;color:#8e9591}.need-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.need-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;transition:transform .15s,box-shadow .15s}.need-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1b2b2b08}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.blood-badge{width:56px;height:56px;border-radius:12px;background:var(--pink);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:var(--red);font-family:Manrope,sans-serif}.status{font-size:9px;border-radius:5px;padding:5px 7px;color:var(--green);background:#edf4ed}.status.closed{color:#7c7c79;background:#f1f1ee}.card-category{margin:20px 0 7px;font-size:8px;font-weight:700;letter-spacing:1.5px;color:#999e98}.need-card h3{font-size:14px;line-height:1.5;letter-spacing:-.3px;margin:0 0 9px;min-height:42px}.card-location{font-size:11px;color:#7a827f;display:flex;gap:5px;align-items:center}.card-divider{margin:17px 0 12px;border-top:1px solid #f0f0eb}.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-date{font-size:9px;color:#939892}.detail-button{background:transparent;color:var(--red);font-size:10px;font-weight:700;padding:7px 0 7px 10px}.card-demo{font-size:8px;letter-spacing:.6px;color:#a0a59f;margin-top:12px}.bottom-note{margin:25px 0 0;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:15px;padding:19px 23px}.bottom-note>span{font-size:30px;color:var(--red)}.bottom-note p{margin:0;color:#8a918a;font-size:10px}.bottom-note strong{font-weight:500;color:#58665d;font-size:12px}.bottom-note a{font-size:10px;font-weight:600;color:var(--red);margin-left:auto;white-space:nowrap}footer{margin-top:38px;border-top:1px solid var(--line);padding:22px 0 25px;color:#949a94;font-size:9px;display:flex;align-items:center;gap:22px}footer>span:first-of-type{margin-left:-19px}footer>button{margin-left:auto;font-size:9px}.panel{background:#fff;border:1px solid var(--line);padding:28px;border-radius:14px}.panel h2{font-size:23px;letter-spacing:-.8px;margin:0 0 10px}.panel h3{font-size:16px}.subtle{font-size:12px;color:var(--muted)}.profile-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#556269}.form-grid input,.form-grid select{width:100%;min-width:0;padding:12px;border:1px solid #dedfd9;border-radius:7px;background:#fff;color:var(--ink);height:44px}.wide{grid-column:1/-1}.check-row{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.7;margin:20px 0}.check-row input{margin-top:2px}.info-box{background:#f2f4f1;color:#6c786d;border:1px solid #e7eae4;border-radius:7px;font-size:11px;line-height:1.7;padding:14px;margin:18px 0}.profile-aside{background:#eeeae1;align-self:start}.profile-aside p,.profile-aside li{font-size:13px;color:#777970}.profile-aside ul{padding-left:17px;line-height:2.3}.large-heart{font-size:65px;color:var(--red);display:block;margin-bottom:20px}hr{border:0;border-top:1px solid var(--line);margin:28px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps h2{font-size:19px;margin-top:30px}.steps p{color:var(--muted);font-size:13px}.step-number{font-size:35px;color:var(--red);font-weight:700;letter-spacing:-2px}.faq{margin-top:22px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:500}.faq details p{font-size:13px;color:var(--muted);max-width:750px}.empty{grid-column:1/-1;text-align:center;padding:50px 20px;background:#fff;border:1px dashed #d2d7ce;border-radius:12px}.empty>span{font-size:36px;color:var(--red)}.empty p{color:var(--muted);font-size:13px}.empty .button{margin:10px 5px}.manage-button{margin-top:12px;width:100%;font-size:11px}.delete-button{background:none;color:#8b7474;font-size:10px;margin-top:14px}dialog{width:min(590px,calc(100% - 30px));max-height:90dvh;border:1px solid var(--line);border-radius:17px;padding:30px;color:var(--ink);box-shadow:0 20px 80px #172b3c22}dialog::backdrop{background:#14222e65;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading h2{font-size:24px;letter-spacing:-.8px;margin:7px 0}.close-dialog{font-size:26px;border-radius:50%;background:#f3f3ef;width:34px;height:34px;color:#777e79;flex-shrink:0}.full{width:100%}.detail-hero{display:flex;align-items:center;gap:18px;margin:25px 0}.detail-hero .blood-badge{width:72px;height:72px;font-size:22px}.detail-hero h3{margin:0 0 8px;font-size:19px}.detail-rows{margin:20px 0}.detail-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;gap:20px}.detail-row span{color:var(--muted)}.phone-card{background:var(--pink);padding:20px;border-radius:10px;margin-top:20px}.phone-card p{font-size:11px;margin:0 0 8px;color:#8b6e74}.phone-number{font-size:24px;letter-spacing:1px;display:block;font-weight:700}.phone-card .button{margin-top:14px}.detail-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}#toast{position:fixed;bottom:28px;left:calc(50% + 126px);transform:translate(-50%,15px);background:var(--ink);color:#fff;padding:14px 22px;border-radius:10px;z-index:99;opacity:0;pointer-events:none;transition:.2s;font-size:12px;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-brand,.mobile-nav{display:none}
.blood-badge{white-space:nowrap;font-size:14px;letter-spacing:-.5px}
@media(min-width:1550px){.hero{min-height:400px}.hero-art{margin-right:80px}.hero-content h1{font-size:58px}.need-card{padding:25px}}
@media(max-width:1200px){.sidebar{width:220px;padding:30px 17px}.brand{font-size:18px}.workspace{margin-left:220px}.topbar{padding:0 27px}main{padding:22px 27px 0}.hero{padding:32px}.hero-art{width:245px;margin-right:0}.hero-art .orbit-two{width:290px}.hero-link{display:block;margin:17px 0 0}.hero h1{font-size:44px}.need-card{padding:17px}.need-grid{gap:12px}.sidebar-bottom{padding:20px 10px}.profile-layout{grid-template-columns:1.5fr 1fr}#toast{left:calc(50% + 110px)}}
@media(max-width:1000px){.need-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{width:190px;transform:scale(.85)}.hero{padding:28px}.hero h1{font-size:40px}.hero-art .orbit-two{width:260px}.hero-art .orbit-one{width:240px;height:240px}.hero-art svg{width:190px}.hero-art .art-note{right:-20px}.filters{gap:10px;grid-template-columns:1fr 1fr 1fr 25px}.search-label{grid-column:1/4;grid-row:2}.filter-reset{grid-column:4;grid-row:2}.filters .search-label{border-top:1px solid var(--line);padding-top:12px}.profile-layout{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step-number{float:right}.steps h2{margin-top:0}.steps .panel{padding:25px}.steps p{max-width:85%}.section-heading{align-items:flex-start}.switch-label{margin-top:32px}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin:0}.topbar{height:69px;padding:0 20px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;font-family:Manrope,sans-serif;letter-spacing:-.5px}.preview-pill{font-size:9px}.top-actions{gap:12px}.avatar{display:none}main{padding:15px 18px 80px}.demo-banner{font-size:10px;gap:9px;padding:10px 11px;margin-bottom:16px}.hero{min-height:344px;padding:26px 24px;border-radius:13px;align-items:flex-start}.hero .eyebrow{font-size:7px;letter-spacing:1.3px}.hero h1{font-size:39px;margin-top:18px;letter-spacing:-1.7px}.hero p{font-size:12px}.hero-art{position:absolute;right:-35px;top:47px;transform:scale(.65);opacity:.9;width:210px;transform-origin:right top}.hero-content{width:100%}.hero-content h1,.hero-content p{max-width:235px}.hero-content .button{margin-top:8px}.hero-link{font-size:10px;margin-top:16px}.hero-art .art-note{display:none}.hero .orbit{opacity:.6}.section-heading{margin:26px 0 17px;flex-wrap:wrap;gap:4px}.section-heading h2{font-size:24px}.section-heading h1{font-size:33px}.switch-label{margin:6px 0 0;font-size:10px}.section-heading p{font-size:11px}.filters{padding:13px 10px;gap:12px 6px;border-radius:9px}.filters label{padding-left:5px}.filters label>span{font-size:9px}.filters select{font-size:11px;padding-right:0}.filters .search-label input{font-size:12px}.results-meta{font-size:9px;gap:10px;line-height:1.6}.need-card{padding:17px}.need-grid{gap:12px}.need-card h3{font-size:13px;min-height:39px}.blood-badge{width:48px;height:48px;font-size:15px}.status{font-size:8px;padding:5px}.card-category{font-size:7px}.card-location{font-size:10px}.card-date{font-size:8px}.detail-button{font-size:9px}.card-demo{font-size:7px}.bottom-note{padding:15px;gap:10px;flex-wrap:wrap}.bottom-note p{font-size:10px;flex:1}.bottom-note a{margin-left:39px}.bottom-note strong{font-size:11px}.mobile-nav{position:fixed;inset:auto 0 0;display:flex;justify-content:space-around;align-items:center;padding:10px 9px max(12px,env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:20}.mobile-nav a{display:flex;flex-direction:column;gap:3px;font-size:22px;width:58px;color:#91978f}.mobile-nav a span{font-size:8px}.mobile-nav a.active{color:var(--red)}.mobile-nav button{background:var(--red);color:#fff;width:43px;height:43px;border-radius:13px;font-size:26px;margin-top:-19px;box-shadow:0 4px 10px #a5193622}footer{flex-wrap:wrap;gap:12px;font-size:8px;margin-top:26px}footer>span:first-of-type{margin-left:-9px}footer>button{font-size:8px}.panel{padding:23px}.form-grid{gap:17px 12px}.form-grid label{font-size:11px}.form-grid input,.form-grid select{font-size:14px}.profile-aside{display:none}.steps p{max-width:100%}dialog{padding:23px 20px}.dialog-heading h2{font-size:21px}#toast{left:50%;bottom:90px;width:max-content;max-width:90vw}.detail-row{font-size:11px}.phone-number{font-size:22px}}
@media(max-width:380px){.need-grid{grid-template-columns:1fr}.hero-art{right:-55px;transform:scale(.5)}.hero h1{font-size:35px}.preview-pill{font-size:8px}.mobile-brand{font-size:15px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.hero .eyebrow{font-size:6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}