:host{display:block;color:#183b44;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d1dedf;border-radius:8px;background:#fff;color:inherit;padding:9px 14px;transition:.15s}button:hover{border-color:#13877e;background:#f0faf8}button:disabled{opacity:.45;cursor:default}input,select,textarea{padding:10px;border:1px solid #c8d9da;border-radius:7px;max-width:100%;color:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #5dc5b9}label{display:flex;flex-direction:column;gap:7px;font-weight:600}label:has(input[type=checkbox]){flex-direction:row;align-items:center}header{height:90px;background:#fff;border-bottom:1px solid #dce8e8;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#173f49;font-weight:800;font-size:25px}.brand small{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-top:5px;color:#618188}.mark{background:#007e75;color:#fff;width:43px;height:43px;border-radius:14px;display:grid;place-items:center}.thin{font-weight:400}.header-actions{display:flex;gap:18px;align-items:center}.shell{min-height:100vh;background:#f4f8f8}.primary{background:#007e75;color:#fff;border-color:#007e75}.primary:hover{background:#026a64;color:#fff}.quiet{border:none}.login{max-width:1240px;margin:0 auto;padding:100px 35px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.eyebrow{font-size:10px;color:#578489;letter-spacing:2px;font-weight:700}h1{font-size:clamp(28px,3vw,43px);line-height:1.17;font-weight:700;letter-spacing:-1px;margin:20px 0}h2{font-size:22px}p{line-height:1.65;max-width:70ch}.login p{font-size:16px}.login .primary{margin:16px 0;padding:14px 27px}.register{margin-top:20px;padding-top:12px;border-top:1px solid #d8e4e4}.login-art{background:#dcefe9;border-radius:26px;padding:60px 40px;position:relative;overflow:hidden;min-height:350px}.orb{font-size:105px;color:#1b9387;margin-bottom:35px}.login-art p{color:#416e69}.muted{font-size:12px!important;color:#617e84}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:75vh}nav{padding:30px 16px;background:#fff;border-right:1px solid #dfebeb;display:flex;flex-direction:column;gap:9px}nav button{text-align:left;border:none;padding:13px}nav button.active{background:#e0f1ed;color:#006e63;font-weight:700}nav small{margin:32px 10px;line-height:1.6;color:#6a858a;overflow-wrap:anywhere}.content{padding:32px 3vw 55px;min-width:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin:35px 0}.card{text-align:left;padding:28px;border-radius:16px;min-height:200px}.card span{font-size:11px;letter-spacing:2px;color:#508c86}.card h2{margin-top:35px}.card p{color:#68848b;font-size:13px}.panel{background:#fff;padding:22px;border:1px solid #dce8e8;border-radius:12px;margin-top:25px}.scope-note{border-left:3px solid #77b6aa;padding-left:16px;color:#587a80}.toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.toolbar input{flex:1;min-width:140px}.table-wrap{overflow:auto;background:#fff;border:1px solid #dce8e8;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-weight:700;background:#edf4f3;white-space:nowrap}td,th{padding:14px;border-bottom:1px solid #e8efef;max-width:250px;overflow-wrap:anywhere}td{vertical-align:top}.actions{white-space:nowrap}.actions button{font-size:11px;padding:5px;margin-right:4px}.danger{color:#a6383a}.pager{display:flex;gap:16px;align-items:center;justify-content:flex-end;padding:18px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-grid small{color:#6b878c;font-size:11px;font-weight:400}.form-actions{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end}.badge{border-radius:5px;background:#e0f1ed;padding:5px 8px;font-size:11px;font-weight:700}.alert{position:relative;padding:15px 4vw;z-index:1001;display:flex;justify-content:space-between}.alert.error{background:#ffe8e6;color:#9f3636}.alert.success{background:#dff3e6;color:#24633b}.alert button{border:none;background:none;padding:0 10px}.modal-backdrop{position:fixed;inset:0;background:#0b2d3a88;z-index:1000;display:grid;place-items:center;padding:28px}.modal{background:#fff;border-radius:16px;padding:30px;max-width:850px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 70px #0d263533}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modal-heading h2{overflow-wrap:anywhere}.modal pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.loading{padding:90px;text-align:center}footer{padding:20px 4vw;border-top:1px solid #dce8e8;font-size:11px;color:#6d8a8f;background:#fff}.professional .mark{background:#276494}.professional .login-art{background:#e2eef6}.admin .login-art{background:#e4e9f4}@media(max-width:850px){.workspace{grid-template-columns:1fr}nav{flex-direction:row;flex-wrap:wrap;border-bottom:1px solid #dae5e5;padding:12px}nav small{display:none}.login{grid-template-columns:1fr;padding:45px 25px;gap:25px}.login-art{display:none}.form-grid{grid-template-columns:1fr}.content{padding:20px 16px}header{padding:0 18px;height:80px}.brand{font-size:19px}.header-actions{gap:6px}.header-actions select{max-width:130px}.modal-backdrop{padding:10px}}.staff-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.staff-heading h1{margin-bottom:8px}.staff-heading p{margin-top:0;color:#617e84}.field-label{display:inline}.required-star{color:#c62828;margin-left:3px;font-weight:800}.badge-off{background:#f3e5e5;color:#8d3535}@media(max-width:850px){.staff-heading{flex-direction:column}}.relation-field{border-top:1px solid #dce8e8;padding:15px 0}.relation-field select[multiple]{min-height:145px;width:100%}.relation-field select[multiple] option{padding:6px}.relation-field small{color:#617e84}.client .pet-card-main{min-width:0;overflow-wrap:anywhere}.client .messages p,.client .attachments a{overflow-wrap:anywhere}@media(max-width:600px){.client header{height:auto;min-height:90px;flex-wrap:wrap;gap:14px;padding:16px 18px}.client .header-actions{width:100%;justify-content:space-between}.client .timezone-note,.client .pet-card-action{flex-wrap:wrap}}.client-dashboard h1{margin-bottom:10px}.client-cards{margin-top:25px}.client-cards .card{min-height:170px}.timezone-note{display:inline-flex;gap:6px;padding:8px 12px;border-radius:999px;background:#e7f4f1;color:#39736f;font-size:12px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:30px 0 18px}.section-heading h1,.section-heading h2{margin:0 0 6px}.section-heading p{margin:0;color:#6a858a;font-size:13px}.pet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.pet-card{display:flex;align-items:center;gap:16px;padding:18px;background:#fff;border:1px solid #dce8e8;border-radius:14px;min-width:0}.pet-card:not(.pet-card-action){cursor:pointer}.pet-card:hover{border-color:#77b6aa;box-shadow:0 8px 24px #1d6d6812}.pet-card-action{align-items:flex-start}.pet-card-main{flex:1;cursor:pointer}.pet-card h3{margin:0 0 5px;overflow-wrap:anywhere}.pet-card p{margin:0;color:#68848b;font-size:13px}.pet-card small{color:#6b878c}.pet-avatar{width:62px;height:62px;flex:0 0 62px;border-radius:19px;background:#e5f3ef;display:grid;place-items:center;overflow:hidden;font-size:28px}.pet-avatar img{width:100%;height:100%;object-fit:cover}.pet-avatar-large{width:100px;height:100px;flex-basis:100px;font-size:45px;border-radius:28px}.empty-state{padding:45px 22px;text-align:center;background:#fff;border:1px dashed #bcd7d3;border-radius:14px;margin-top:20px}.empty-state p{margin:6px auto;color:#6a858a}.empty-icon{font-size:40px;display:block;margin-bottom:10px}.plan-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;background:#e7f4f1;border:1px solid #c8e2dc;border-radius:12px;margin:20px 0}.plan-banner strong{color:#08766e}.plan-banner span{font-weight:700}.plan-banner small{color:#55777a}.pet-detail-heading{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:25px 0}.pet-detail-heading h1{margin:4px 0}.pet-detail-heading p{margin:0;color:#68848b}.heading-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.button-like{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;border:1px solid #d1dedf;border-radius:8px;background:#fff;color:inherit;padding:9px 14px;cursor:pointer;font-weight:600;font-size:14px}.button-like:hover{border-color:#13877e;background:#f0faf8}.button-like input{display:none}.back-link{border:none;background:transparent;color:#3f7773;padding:0}.pet-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:10px}.pet-facts div{display:flex;flex-direction:column;gap:5px}.pet-facts span{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#709096}.pet-facts strong{overflow-wrap:anywhere}.pet-nav{display:flex;gap:5px;overflow:auto;margin:28px 0 20px;border-bottom:1px solid #dce8e8}.pet-nav button{border:none;border-radius:8px 8px 0 0;white-space:nowrap}.pet-nav button.active{background:#007e75;color:#fff}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px}.action-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:18px;border-radius:13px}.action-card span{font-size:25px;color:#16877e}.action-card small{color:#68848b;line-height:1.45}.clinical-summary{margin-top:20px}.clinical-summary p{margin:8px 0}.client-section{margin-top:22px}.timeline{position:relative;margin:25px 0 0 10px;border-left:2px solid #cae2de}.timeline-entry{position:relative;padding:0 0 25px 25px}.timeline-dot{position:absolute;left:-8px;top:2px;width:14px;height:14px;border-radius:50%;background:#0c9588;border:3px solid #e4f5f1}.timeline-body{background:#fff;border:1px solid #dce8e8;border-radius:12px;padding:16px}.timeline-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.timeline-meta time{font-size:12px;color:#668389}.timeline-meta button{margin-left:auto}.timeline-body p{margin:10px 0 0}.journal-photo{display:block;max-width:220px;max-height:180px;border-radius:10px;margin-top:12px}.split-view{display:grid;grid-template-columns:minmax(190px,.35fr) minmax(0,1fr);gap:18px}.list-panel{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;padding:14px}.list-item.active{border-color:#0c9588;background:#eaf6f3}.list-item span,.list-item small{color:#6a858a;font-size:11px}.conversation{margin-top:0;min-height:380px}.conversation-heading{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e2ecec;padding-bottom:14px}.conversation-heading h3{margin:0 0 8px}.conversation-heading>span{font-size:11px;color:#6a858a}.messages{display:flex;flex-direction:column;gap:10px;padding:18px 0;max-height:360px;overflow:auto}.messages article{align-self:flex-start;max-width:80%;padding:10px 14px;background:#edf4f3;border-radius:4px 14px 14px}.messages article.from-client{align-self:flex-end;background:#d8f2eb;border-radius:14px 4px 14px 14px}.messages p{margin:0;white-space:pre-wrap}.messages time{display:block;font-size:10px;color:#6b878c;margin-top:5px}.message-form{display:flex;gap:8px;align-items:flex-end}.message-form textarea{flex:1;min-height:54px}.attachments{border-top:1px solid #e2ecec;margin-top:18px;padding-top:14px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px}.attachments a{color:#08766e;text-decoration:none}.resource-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.resource-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;padding:16px}.resource-card.active{border-color:#0c9588;background:#eaf6f3}.resource-card span,.resource-card time,.resource-card small{font-size:11px;color:#6a858a}.detail-card{white-space:pre-wrap}.client-modal{max-width:760px}.span-2{grid-column:1/-1}@media(max-width:850px){.pet-facts{grid-template-columns:repeat(2,1fr)}.split-view{grid-template-columns:1fr}.pet-detail-heading{align-items:flex-start}.heading-actions{margin-left:0}.section-heading{flex-direction:column}.client-cards{grid-template-columns:1fr}.message-form{flex-direction:column;align-items:stretch}.message-form button{align-self:flex-end}}.pet-biography{background:linear-gradient(110deg,#eaf7f0,#fbfdf6);border-color:#b6d9c7}.pet-biography>div{display:flex;gap:10px;align-items:center}.pet-biography p{font-size:16px;max-width:85ch;white-space:pre-wrap}.pet-biography small{color:#507567;font-size:11px}.pet-description{white-space:pre-wrap}.ai-referral-note{padding:12px;background:#e9f4ed;border-radius:9px;color:#31654c}.messages article>strong{font-size:11px;display:block;margin-bottom:6px}.client footer{padding-right:210px;padding-bottom:35px}.file-picker{display:inline-block;margin-top:14px;padding:12px 18px;border:1px solid #aac9c5;border-radius:8px;background:#fff;cursor:pointer;position:relative}.file-picker:focus-within{outline:3px solid #008b80;outline-offset:2px}.file-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}td:first-child{min-width:130px}pre{overflow:auto;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}