.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.sidebar{background:#102a35;color:#dce7eb;padding:1.25rem;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:.75rem;padding:.5rem;margin-bottom:1.5rem}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:rgba(255,255,255,.1);border-radius:14px;font-size:1.25rem}.brand span{display:block;color:#8fb0bb;font-size:.75rem}.sidebar-nav{display:grid;gap:.3rem}.nav-label{margin:1.1rem .65rem .45rem;color:#7898a2;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.nav-item{padding:.72rem .8rem;border-radius:12px;display:flex;gap:.7rem;align-items:center;color:#d3e1e6}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.main-shell{min-width:0}.topbar{height:72px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.4rem;position:sticky;top:0;z-index:20}.topbar-spacer{flex:1}.icon-button{border:0;background:transparent;font-size:1.2rem}.environment-switcher,.user-chip{display:flex;align-items:center;gap:.6rem;margin-left:1rem}.environment-switcher{border:1px solid var(--border);border-radius:12px;padding:.5rem .7rem;background:#fff;font-weight:700}.environment-dot{width:9px;height:9px;border-radius:50%;background:var(--primary)}.user-chip .avatar{width:38px;height:38px;border-radius:50%;background:#edf7f6;display:grid;place-items:center}.user-chip span{display:block;font-size:.72rem;color:var(--muted)}.page-content{padding:1.6rem;max-width:1600px;width:100%;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.page-heading h1{margin:.2rem 0;font-size:2rem}.page-heading p{margin:0;color:var(--muted)}.eyebrow{color:var(--primary-dark);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.page-actions{display:flex;gap:.7rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.metric-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem;display:flex;gap:.9rem;box-shadow:var(--shadow-card)}.metric-icon{width:44px;height:44px;border-radius:14px;background:var(--primary-soft);display:grid;place-items:center;font-size:1.25rem}.metric-card span,.metric-card small{color:var(--muted);display:block}.metric-card strong{font-size:1.65rem;display:block}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:1rem}.appointment-list,.alert-list{display:grid;gap:.75rem}.appointment-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.pet-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f2f7f7}.appointment-main{flex:1}.appointment-main span{display:block;color:var(--muted);font-size:.85rem}.soft-alert{background:var(--surface-soft);border:1px solid var(--border);padding:.85rem;border-radius:12px}.auth-body{background:#eff6f5}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{background:linear-gradient(145deg,#0e3a42,#117b76);color:#fff;padding:7vw;display:flex;flex-direction:column;justify-content:center}.auth-visual h1{font-size:clamp(2.2rem,4vw,4.5rem);line-height:1.03;max-width:760px}.auth-visual p{color:#d9efec;max-width:580px;line-height:1.7}.auth-badge{display:inline-flex;align-self:flex-start;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.55rem .8rem}.auth-pet-card{margin-top:2rem;display:flex;gap:.8rem;align-items:center;width:max-content;background:rgba(255,255,255,.12);padding:.9rem 1rem;border-radius:16px}.auth-pet-card span{display:block;color:#d9efec;font-size:.82rem}.auth-form-panel{display:grid;place-items:center;padding:2rem}.auth-form-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-card);padding:2rem}.auth-logo{width:52px;height:52px;display:grid;place-items:center;background:var(--primary-soft);border-radius:16px;font-size:1.4rem}.auth-form-card h2{font-size:1.9rem;margin-bottom:.3rem}.auth-form-card>p{color:var(--muted)}.form-footnote{font-size:.78rem;text-align:center}.portal-shell{max-width:1300px;margin:0 auto;padding:1.5rem}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(290px,86vw);z-index:50}.sidebar.is-open{display:block}.environment-switcher,.user-chip{display:none}.page-heading{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.metrics-grid{grid-template-columns:1fr}.page-content{padding:1rem}.page-actions{width:100%;flex-direction:column}}