:root{
  --green:#173f35;--green2:#24594a;--green3:#eaf2ee;--cream:#f7f3e8;--paper:#fffdf9;--gold:#b7924a;--text:#20312b;--muted:#6c7b75;--line:#dde5e0;--danger:#a63a32;--shadow:0 18px 50px rgba(31,53,44,.09);--radius:22px
}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--cream)}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}
.public-shell{min-height:100vh;background:radial-gradient(circle at 12% 10%,#fff 0,transparent 32%),linear-gradient(135deg,#f8f4e9 0,#eef4ef 100%)}.public-header{max-width:1240px;margin:auto;padding:28px 28px 0;display:flex;align-items:center;justify-content:space-between}.brand,.portal-brand{display:flex;align-items:center;gap:14px}.brand img,.portal-brand img{width:46px;height:46px;object-fit:contain}.brand span,.portal-brand span{display:flex;flex-direction:column}.brand strong,.portal-brand strong{font-size:17px}.brand small,.portal-brand small{font-size:12px;color:var(--muted);margin-top:3px}.back-link,.text-link{color:var(--green2);font-weight:700;font-size:14px}
.login-layout{max-width:1180px;margin:0 auto;padding:72px 28px 80px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--gold)}.login-copy h1,.page-head h1,.welcome-card h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 20px}.login-copy .lead{font-size:20px;line-height:1.6;color:#566760;max-width:720px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:38px}.feature{display:flex;gap:14px;padding:18px 18px;background:rgba(255,255,255,.7);border:1px solid rgba(23,63,53,.08);border-radius:18px}.feature>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--green3);font-size:19px}.feature div{display:flex;flex-direction:column;gap:4px}.feature small{color:var(--muted);line-height:1.4}.login-card{position:relative;background:var(--paper);padding:38px;border:1px solid rgba(23,63,53,.08);border-radius:30px;box-shadow:var(--shadow)}.login-card h2{font-size:30px;margin:10px 0}.login-card>p{color:var(--muted);line-height:1.55}.moppi-bubble{position:absolute;right:28px;top:-50px;width:98px;height:98px;background:var(--green);border-radius:50%;display:grid;place-items:center;border:6px solid var(--cream);overflow:hidden}.moppi-bubble img{width:112%;height:112%;object-fit:contain}.social-stack{display:grid;gap:10px;margin:28px 0}.social-button{height:54px;border:1px solid var(--line);border-radius:14px;background:white;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800}.social-button:hover{border-color:#aebdb6;transform:translateY(-1px)}.social-button span{font-size:19px;width:24px;text-align:center}.facebook span{color:#1877f2;font-weight:900}.login-note{font-size:12px!important}.notice{border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.5;margin:14px 0}.notice.warm{background:#fff8e7;border:1px solid #eedca8}.notice.success{background:#eaf6ef;border:1px solid #b8dbc8;color:#1c6348}.notice.danger{background:#fff0ef;border:1px solid #edc3bf;color:#8b302a}
.portal-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr;background:#f5f3ec}.portal-sidebar{position:sticky;top:0;height:100vh;background:#fff;padding:24px 18px;border-right:1px solid #e5e7e2;display:flex;flex-direction:column;z-index:20}.portal-brand{padding:6px 8px 24px;border-bottom:1px solid #edf0ed;margin-bottom:18px}.portal-sidebar nav{display:grid;gap:5px}.portal-sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:12px;font-weight:700;color:#53625c}.portal-sidebar nav a span{width:24px;text-align:center}.portal-sidebar nav a:hover{background:#f3f6f4;color:var(--green)}.portal-sidebar nav a.active{background:var(--green3);color:var(--green)}.sidebar-help{margin-top:auto;padding:16px;background:linear-gradient(145deg,#eef5f1,#f8f4e9);border-radius:16px;display:flex;flex-direction:column;gap:5px}.sidebar-help small{color:var(--muted);line-height:1.4}.logout-button{margin-top:12px;width:100%;background:transparent;border:0;padding:10px;color:var(--muted);font-weight:700}.portal-main{min-width:0}.portal-topbar{height:76px;background:rgba(255,255,255,.92);border-bottom:1px solid #e5e7e2;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:15;backdrop-filter:blur(14px)}.topbar-title{font-size:15px}.customer-chip{display:flex;align-items:center;gap:10px;font-weight:700}.customer-avatar{width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}.mobile-menu{display:none;border:0;background:transparent;font-size:24px}.portal-content{padding:32px;max-width:1420px;margin:0 auto}.page-head{display:flex;justify-content:space-between;margin-bottom:24px}.page-head h1{font-size:38px;margin:7px 0 8px}.page-head p{color:var(--muted);margin:0;max-width:760px}.welcome-card{min-height:250px;padding:38px 42px;border-radius:28px;background:linear-gradient(130deg,var(--green),#2f6756);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:var(--shadow);margin-bottom:24px}.welcome-card h1{font-size:44px;margin:10px 0}.welcome-card p{color:#dbe9e3;font-size:17px}.welcome-card img{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(0,0,0,.15))}.dashboard-grid,.pet-management-grid,.settings-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:var(--paper);border:1px solid #e7e7e1;border-radius:var(--radius);padding:24px;box-shadow:0 4px 20px rgba(36,52,45,.04)}.span-2{grid-column:span 2}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.card h2{font-size:22px;margin:5px 0 0}.pet-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pet-mini-card{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:14px;border-radius:15px}.pet-icon,.pet-big-icon{display:grid;place-items:center;background:var(--green3);border-radius:13px;width:44px;height:44px;font-size:22px}.pet-mini-card div{display:flex;flex-direction:column;gap:3px;min-width:0}.pet-mini-card small{color:var(--muted)}.status-pill{margin-left:auto;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#eff2f0;color:#64716b;white-space:nowrap}.status-pill.admission_requested,.status-pill.pending{background:#fff4dc;color:#8a6417}.status-pill.active_patient{background:#e8f5ed;color:#257050}.empty-state{padding:28px;border:1px dashed #cbd4cf;border-radius:15px;text-align:center;color:var(--muted)}.empty-state strong{color:var(--text);display:block}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:12px;min-height:43px;padding:0 16px;font-weight:800;border:1px solid transparent}.button.primary{background:var(--green);color:#fff}.button.secondary{background:#fff;border-color:#ced8d2;color:var(--green)}.button.small{min-height:36px;font-size:12px;padding:0 12px}.moppi-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(140deg,#fffdf8,#eef5f1)}.moppi-card img{width:120px;height:120px;object-fit:contain}.due-item{border-top:1px solid var(--line);padding:12px 0;display:flex;flex-direction:column}.due-item small{color:var(--muted)}
.settings-layout{grid-template-columns:1fr 1fr}.settings-layout .form-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}label{font-size:13px;font-weight:800;color:#56665f;display:flex;flex-direction:column;gap:7px}input,select,textarea{width:100%;border:1px solid #ced7d2;border-radius:11px;background:#fff;padding:11px 12px;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#5e8b7b;box-shadow:0 0 0 3px rgba(36,89,74,.09)}label small{font-weight:500;color:var(--muted);line-height:1.4}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:row;align-items:flex-start}.choice input{width:auto;margin-top:4px}.choice span{display:flex;flex-direction:column}.toggle-list{display:grid;gap:0}.toggle-list label{padding:14px 0;border-bottom:1px solid #edf0ed;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.toggle-list label:last-child{border-bottom:0}.toggle-list label span{display:flex;flex-direction:column;gap:3px}.toggle-list input[type=checkbox]{width:22px;height:22px}.phone-list{margin-top:14px;display:flex;gap:7px;flex-wrap:wrap}.phone-chip{font-size:12px;padding:7px 10px;border-radius:999px;background:#f0f3f1}.pet-management-grid{grid-template-columns:1.5fr .7fr}.pet-list{display:grid;gap:12px}.pet-card{border:1px solid var(--line);border-radius:17px;padding:16px;display:flex;justify-content:space-between;gap:15px;align-items:center}.pet-card-main{display:flex;gap:14px;align-items:center}.pet-card h3{margin:0 0 3px;font-size:19px}.pet-card p{margin:0;color:var(--muted)}.pet-card-side{display:flex;align-items:center}.pet-big-icon{width:54px;height:54px}.stack-form{display:grid;gap:13px}.coming-soon{text-align:center;padding:55px 20px}.coming-soon>span{font-size:42px;color:var(--gold)}.coming-soon p{max-width:680px;margin:10px auto 0;color:var(--muted);line-height:1.6}.simple-error{max-width:620px;margin:100px auto;background:#fff;padding:40px;border-radius:24px}.simple-error h1{font-size:38px}
@media(max-width:1050px){.login-layout{grid-template-columns:1fr;max-width:820px}.login-copy{padding-top:20px}.portal-shell{grid-template-columns:1fr}.portal-sidebar{position:fixed;left:-290px;width:270px;transition:left .2s;box-shadow:var(--shadow)}.portal-sidebar.open{left:0}.mobile-menu{display:block}.dashboard-grid,.settings-layout,.pet-management-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.topbar-title{display:none}}
@media(max-width:720px){.public-header{padding:18px}.back-link{display:none}.login-layout{padding:54px 18px}.feature-grid{grid-template-columns:1fr}.login-copy h1{font-size:42px}.login-card{padding:28px 22px}.portal-topbar{padding:0 16px}.customer-chip span:last-child{display:none}.portal-content{padding:20px 14px}.welcome-card{padding:28px;min-height:220px}.welcome-card h1{font-size:34px}.welcome-card img{width:120px;height:120px}.dashboard-grid,.settings-layout,.pet-management-grid{grid-template-columns:1fr}.span-2,.settings-layout .form-actions{grid-column:auto}.pet-row-grid,.form-grid,.choice-row{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.pet-card{align-items:flex-start;flex-direction:column}.pet-card-side{width:100%}.pet-card-side form,.pet-card-side button{width:100%}}

.pet-detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.detail-list>div{padding:13px 0;border-bottom:1px solid var(--line)}.detail-list dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.detail-list dd{margin:4px 0 0;font-weight:750}.inline-action-form{display:grid;gap:13px;margin-top:22px}.vaccination-list{display:grid;gap:10px}.vaccination-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:15px;border:1px solid var(--line);border-radius:15px}.vaccination-row>div{display:flex;flex-direction:column;gap:4px}.vaccination-row span,.vaccination-row small,.muted-copy{color:var(--muted);line-height:1.45}.form-actions-left{display:flex;justify-content:flex-start}
@media(max-width:900px){.pet-detail-grid{grid-template-columns:1fr}.pet-detail-grid .span-2{grid-column:auto}}