:root{--background:#f4f7fa;--foreground:#173443;--card:white;--primary:#087e8b;} .dark{--background:#11232d;--foreground:#eff6f8;--card:#1c3441;--primary:#159ead;}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;color:#173443;background:#f4f7fa}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}a{text-decoration:none;color:inherit}.header{height:88px;background:#fff;border-bottom:1px solid #e1e9ed;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:15px}.brand{font-size:24px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand>span:last-child{color:#087e8b;margin-left:-10px}.brand-icon{display:grid;place-items:center;width:43px;height:43px;background:#087e8b;color:white;border-radius:13px}.header-right{display:flex;gap:22px;align-items:center}.private-label{font-size:14px;color:#667d8b;display:flex;gap:7px;align-items:center}.avatar{width:38px;height:38px;background:#d9eeee;color:#097481;border-radius:50%;display:grid;place-items:center;font-weight:700}.workspace{max-width:1550px;margin:auto;padding:42px 5% 20px}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.9px;color:#087e8b;margin-bottom:10px}h1{font-size:clamp(26px,2.7vw,38px);font-weight:650;letter-spacing:-1.2px;line-height:1.2}.intro p{color:#6a7b89;margin-top:11px;font-size:16px}.primary{background:#087e8b!important;color:white!important;border-radius:9px!important;padding:13px 20px!important;height:45px!important;font-size:14px!important;box-shadow:0 4px 10px #087e8b15}.primary:hover{background:#066a75!important}.summary{display:grid;grid-template-columns:1fr 1fr 1fr 2.1fr;gap:15px;margin-bottom:32px}.stat{display:flex;gap:15px;align-items:center;background:white;border:1px solid #e0e8ed;border-radius:14px;padding:22px}.stat-icon{height:45px;width:45px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.teal{background:#e0f2ee;color:#087e8b}.blue{background:#e8f0ff;color:#517ac0}.purple{background:#eeebfa;color:#8a6cc5}.stat strong{display:block;font-size:29px;font-weight:650;line-height:1.2}.stat div>span{font-size:13px;color:#6a7c89;display:block;margin-top:6px}.onboarding{background:#e1eff3;border:1px solid #d2e4e8;border-radius:14px;padding:20px;display:flex;align-items:center;gap:14px;color:#087280}.onboarding>svg{flex-shrink:0}.onboarding strong{font-size:14px;color:#214650}.onboarding p{font-size:13px;color:#5b7782;margin-top:5px}.onboarding button{background:transparent;flex-shrink:0;border-color:#94bcc5;font-size:13px;padding:10px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px}.board{min-width:0}.board-tabs{width:100%;height:auto;justify-content:flex-start;border-bottom:1px solid #dce5eb;padding:0 0 12px;gap:20px!important}.board-tabs button{flex:none;font-size:14px;padding:8px 0;color:#6b7c89}.board-tabs button[data-state=active]{color:#087e8b!important}.board-tabs button::after{background:#087e8b!important}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:28px 0 23px}h2{font-size:21px;font-weight:650;letter-spacing:-.4px}.board-heading p{font-size:14px;color:#6d7f8c;margin-top:6px}.filters{display:flex;gap:12px}.search{position:relative;flex:1}.search svg{position:absolute;left:15px;top:13px;color:#7f919d}.search input{height:44px;background:#fff;padding-left:43px;font-size:14px;box-shadow:none;border-radius:8px}.filter-select{background:white;width:180px;height:44px!important;font-size:14px;box-shadow:none}.results-heading{display:flex;justify-content:space-between;gap:10px;color:#758793;font-size:12px;margin:20px 0 14px}.results-heading span:first-child{font-size:14px;font-weight:600;color:#45616f}.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.job-card{background:white;border:1px solid #e0e7ec;border-radius:13px;padding:23px;transition:box-shadow .2s}.job-card:hover{box-shadow:0 6px 22px #16384c08}.job-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-icon{display:grid;place-items:center;width:44px;height:44px;background:#e8f4f4;color:#087e8b;border-radius:12px}.badge{font-size:12px;text-transform:capitalize;white-space:nowrap;color:#527381;border-radius:6px;padding:5px 9px;background:#eff4f7}.badge.open{color:#0b7a65;background:#e4f5ee}.badge.in_progress{color:#97651a;background:#fff1d8}.badge.completed{color:#61728a;background:#eef1fa}.job-card h3{font-size:18px;margin:16px 0;font-weight:650}.job-meta{display:grid;gap:9px;font-size:14px;color:#647f8c}.job-meta span{display:flex;gap:9px;align-items:center}.recipient{font-size:13px;color:#6e8290;margin-top:13px}.job-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf1f4;padding-top:17px;margin-top:21px}.job-footer button{font-size:14px;height:39px!important;padding:9px 13px!important}.eligibility{font-size:12px;color:#7b8e9b;margin-top:13px}.empty{min-height:360px;border:1px dashed #cfdde5;border-radius:14px;background:#f9fbfd;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;gap:15px}.empty-icon{width:75px;height:75px;background:#e1f1f3;color:#087e8b;border-radius:23px;display:grid;place-items:center;margin-bottom:6px}.empty h3{font-size:21px;font-weight:600;letter-spacing:-.4px}.empty p{max-width:430px;color:#718490;font-size:14px;line-height:1.8}.empty button{background:white;font-size:14px;margin-top:5px}.care-note{background:#0c4653;color:white;border-radius:17px;padding:29px 24px;overflow:hidden}.care-note .eyebrow{color:#87cad2;font-size:11px}.care-note h2{font-size:30px;line-height:1.25;font-weight:500;letter-spacing:-1px;margin:20px 0}.care-note>p{color:#b7d2d8;font-size:14px;line-height:1.8}.note-line{height:1px;background:#ffffff24;margin:24px 0}.step{display:flex;gap:14px;margin-top:22px}.step>span{color:#78bcc7;font-size:13px;font-weight:600}.step strong{font-size:14px;font-weight:550}.step p{font-size:13px;color:#aecad1;margin-top:5px;line-height:1.6}.service-panel{padding:24px 3px}.service-panel h3{font-size:14px;font-weight:600;margin-bottom:17px}.service-panel>div{display:flex;gap:12px;align-items:center;font-size:14px;color:#607e8b;margin-top:14px}.service-panel svg{color:#108895}.small-note{font-size:12px;line-height:1.8;color:#8596a1;padding:17px 3px;border-top:1px solid #dce5eb}.message{padding:12px 15px;border-radius:9px;font-size:14px;margin:0 0 18px}.error{background:#fff0f0;color:#a52b3a;border:1px solid #f2ced4}.success{background:#e7f6ef;color:#226b50}.approval-panel{background:white;padding:22px;border-radius:13px;border:1px solid #dce5eb;margin-bottom:22px}.approval-panel h3{font-size:16px;margin-bottom:14px}.approval-panel>p{font-size:14px;color:#708694}.caregiver-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 0;border-top:1px solid #eef2f4;font-size:14px}.caregiver-row p{font-size:13px;color:#758995;margin-top:3px}.mini-avatar{background:#e0f0f2;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.caregiver-row>div:nth-child(2){flex:1}.caregiver-row button{font-size:13px}.care-dialog{max-width:630px!important;max-height:90dvh;overflow:auto;border-radius:18px;padding:30px!important}.care-dialog [data-slot=dialog-title]{font-size:23px;letter-spacing:-.6px}.care-dialog [data-slot=dialog-description]{font-size:14px;color:#6e8390;line-height:1.7}.care-form{margin-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:550}.form-grid input,.form-grid textarea,.choice{background:white;width:100%;font-size:16px;font-weight:400;height:43px}.form-grid textarea{height:90px;padding:10px}.wide{grid-column:1/-1}.optional{font-weight:400;color:#81929d;display:inline}.submit{width:100%;margin-top:23px}.visit-detail{display:grid;gap:20px}.visit-detail p{font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.visit-detail strong{display:block;color:#6e8490;font-size:14px;margin-bottom:4px}footer{margin-top:45px;padding:22px 0;border-top:1px solid #dde6eb;font-size:13px;color:#748b98;display:flex;gap:20px;align-items:center}footer span{flex:1;font-size:12px}footer a{font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:focus-visible{outline:3px solid #4ebbc8;outline-offset:3px}
@media(min-width:1600px){.workspace{padding-left:0;padding-right:0}}@media(max-width:1200px){.summary{grid-template-columns:repeat(3,1fr)}.onboarding{grid-column:1/-1;justify-content:flex-start}.onboarding button{margin-left:auto}.main-grid{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.board-tabs{gap:12px!important}.board-tabs button{font-size:13px}.board-tabs svg{display:none}}
@media(max-width:950px){.main-grid{grid-template-columns:1fr}.aside{display:none}.header{padding:0 5%;height:75px}.workspace{padding-top:30px}.summary{gap:10px}.stat{padding:17px;gap:10px}.stat strong{font-size:25px}.stat div>span{font-size:12px}.stat-icon{width:38px;height:38px}.board-tabs svg{display:block}.board-tabs{gap:20px!important}}
@media(max-width:600px){.brand{font-size:21px}.private-label{display:none}.intro{align-items:flex-start;flex-direction:column;gap:19px}h1{font-size:29px;letter-spacing:-1px}.intro p{font-size:14px}.summary{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{flex-direction:column;align-items:flex-start;padding:13px;gap:10px}.stat strong{font-size:24px}.stat div>span{font-size:12px}.onboarding{padding:18px;flex-wrap:wrap;gap:13px}.onboarding>div{flex:1}.onboarding button{margin-left:0;width:100%;background:#f4fbfc}.board-tabs{gap:12px!important;overflow-x:auto;justify-content:flex-start}.board-tabs button{font-size:13px;gap:5px}.board-tabs svg{display:none}.board-heading h2{font-size:20px}.filters{flex-direction:column}.filter-select{width:100%}.job-grid{grid-template-columns:1fr}.results-heading{flex-direction:column;gap:5px}.empty{padding:25px 20px}.empty h3{font-size:20px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.care-dialog{padding:23px!important}.header-right{gap:10px}.job-card{padding:21px}footer{flex-wrap:wrap;gap:10px}footer span{min-width:65%}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:white;color:#214250;border:1px solid #d5e1e7;border-radius:9px;padding:10px 15px;font:inherit;font-size:14px;line-height:1.2;min-height:40px}.btn:hover{background:#edf6f7}.btn:disabled{opacity:.55}.btn.primary{border-color:#087e8b}.icon-btn{border:0;background:transparent;font-size:26px;color:#68818e;padding:5px 12px}.board-tabs{display:flex;gap:23px}.board-tabs button{background:transparent;border:0;border-radius:0;font:inherit;padding:12px 0;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-13px;font-size:14px}.board-tabs button.active{border-color:#087e8b;color:#087e8b;font-weight:600}.search input{padding-left:15px}.search input,.filter-select, .care-form input,.care-form select,.care-form textarea{border:1px solid #d5e1e7;border-radius:8px;padding:10px 12px;font:inherit;color:#173443;width:100%;background:white}.care-form input,.care-form select{height:44px}.search input{width:100%;height:44px}.care-form input[type=hidden]{display:none}.care-form label{display:flex;flex-direction:column;font-size:14px;gap:8px;margin-bottom:17px}.filter-select{max-width:210px}.care-dialog{width:min(630px,calc(100% - 32px));max-height:90vh;margin:auto;border:1px solid #d5e1e7;background:white;color:#173443;padding:28px;box-shadow:0 20px 90px #102e4540}.care-dialog::backdrop{background:#112b3b85}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-top h2{font-size:24px}.care-dialog>p{font-size:14px;color:#6e8390;margin:8px 0 24px}.auth-wrap{max-width:520px;margin:35px auto}.auth-wrap h1{font-size:33px;line-height:1.25}.auth-wrap>p{color:#6e8390;margin:13px 0 25px}.auth-card{padding:27px;background:white;border:1px solid #dce6eb;border-radius:16px}.auth-card .btn{width:100%;margin-top:12px}.auth-options{display:flex;gap:10px;margin-top:16px}.auth-options button{flex:1}.auth-note{font-size:13px;color:#758d99;margin:20px 0}.setup-wrap{max-width:570px;margin:50px auto;background:white;border:1px solid #dce6eb;border-radius:18px;padding:32px}.setup-wrap h1{font-size:28px;margin:22px 0 12px}.setup-wrap>p{font-size:14px;color:#6d8492;margin:15px 0 25px}.stat-icon{font-size:23px}.stat div>span{font-size:14px}.service-icon{font-size:25px}.visit-detail{margin:22px 0}.visit-detail .btn{justify-self:start}.service-panel>div{font-size:14px}.onboarding strong{font-size:15px}.job-meta .meta-icon{width:18px;color:#0e8390;font-size:16px}.job-footer{flex-wrap:wrap}.signout{background:transparent;border:0;color:#557888;font:inherit;cursor:pointer}.brand-icon{font-size:32px;font-weight:400}.form-note{font-size:13px;color:#6b8390}.select-row{margin-bottom:22px}.auth-card h2{margin-bottom:8px}.auth-card p{font-size:14px;color:#657e8c;margin-bottom:18px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.filter-select{max-width:100%}.auth-options{flex-direction:column}.auth-wrap{margin-top:12px}.auth-card{padding:22px}.setup-wrap{margin:22px 16px;padding:23px}.summary{grid-template-columns:repeat(3,1fr)}.stat div>span{font-size:12px}.board-tabs{gap:20px!important}.brand>span:last-child{margin-left:-10px}}