body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f5f7;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:200 800;src:url(/static/media/Manrope-Variable.3e197dc742eb2f7817e1.ttf) format("truetype")}.portal-shell,.public-landing{font-family:Manrope,Segoe UI,sans-serif}.public-landing{--lp-orange:#ba4b26;--lp-ink:#302b26;--lp-muted:#746b62;--lp-line:#e8e1d9;-webkit-font-smoothing:antialiased;background:#fff;color:var(--lp-ink)}.public-landing *{box-sizing:border-box}.public-landing ::selection{background:#f7d7ba;color:#472b1d}.public-landing .landing-container{margin-inline:auto;max-width:1280px;width:calc(100% - 96px)}.public-landing a{color:inherit;text-decoration:none}.public-landing button{cursor:pointer;font:inherit}.public-landing :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid #b8562f;outline-offset:5px}.public-landing .landing-skip{background:#fff;border:1px solid var(--lp-orange);border-radius:6px;left:12px;padding:12px 18px;position:fixed;top:12px;transform:translateY(-160%);z-index:20}.public-landing .landing-skip:focus{transform:none}.public-landing .landing-header{background:#fff;border-bottom:1px solid var(--lp-line)}.public-landing .header-layout{align-items:center;display:flex;gap:32px;justify-content:space-between;padding-block:24px;position:relative}.public-landing .landing-brand{align-items:center;display:flex;flex-shrink:0;font-size:19px;font-weight:800;gap:12px;letter-spacing:-.04em}.public-landing .landing-brand img{object-fit:contain}.public-landing .landing-brand small{color:var(--lp-muted);display:block;font-size:10px;font-weight:500;letter-spacing:0;margin-top:4px}.public-landing .public-navigation{align-items:center;display:flex;font-size:12px;font-weight:600;gap:30px}.public-landing .public-navigation>a:not(.landing-button){padding-block:12px}.public-landing .public-navigation>a:not(.landing-button):hover{color:var(--lp-orange)}.public-landing .landing-button{align-items:center;background:var(--lp-orange);border:0;border-radius:6px;color:#fff;display:inline-flex;font-size:13px;font-weight:650;gap:26px;justify-content:center;min-height:52px;padding:0 22px;transition:background .2s ease,transform .2s ease}.public-landing .landing-button:hover{background:#96391d;transform:translateY(-2px)}.public-landing .landing-button:active{transform:translateY(0)}.public-landing .header-signin{font-size:12px;gap:16px;min-height:44px;padding-inline:16px}.public-landing .landing-menu{display:none}.public-landing .landing-hero{grid-gap:66px;align-items:center;display:grid;gap:66px;grid-template-columns:1.05fr 1fr;padding-block:72px 90px}.public-landing .hero-copy h1{font-size:clamp(44px,4.65vw,68px);font-weight:550;letter-spacing:-.04em;line-height:1.12;margin:0}.public-landing .hero-copy h1 span{color:var(--lp-orange)}.public-landing .hero-copy>p{color:var(--lp-muted);font-size:15px;line-height:1.9;margin:28px 0 30px;max-width:450px}.public-landing .hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.public-landing .landing-text-link{align-items:center;border-bottom:1px solid #b8a797;display:inline-flex;font-size:12px;font-weight:600;gap:10px;min-height:44px}.public-landing .explore-arrow{transform:rotate(90deg)}.public-landing .hero-partner{border-top:1px solid var(--lp-line);margin-top:46px;max-width:430px;padding-top:24px}.public-landing .hero-partner span{color:var(--lp-muted);display:block;font-size:10px;margin-bottom:8px}.public-landing .hero-partner strong{display:block;font-size:12px;font-weight:650;line-height:1.6}.public-landing .hero-partner small{color:var(--lp-muted);display:block;font-size:11px;margin-top:4px}.public-landing figure{margin:0;min-width:0}.public-landing .editorial-photo{background:#f2e7da;border-radius:10px;overflow:hidden}.public-landing .hero-photo .editorial-photo{aspect-ratio:1/1.04}.public-landing .editorial-photo img{display:block;height:100%;object-fit:cover;width:100%}.public-landing .hero-photo img{animation:photo-arrive .7s cubic-bezier(.16,1,.3,1) both;object-position:57% center}.public-landing figcaption{color:#675a4f;display:flex;flex-wrap:wrap;font-size:11px;gap:8px;justify-content:space-between;padding-top:16px}.public-landing figcaption small{color:#7e7166;font-size:10px}.public-landing .photo-fallback{align-items:center;color:#915333;display:flex;flex-direction:column;font-size:15px;gap:16px;height:100%;justify-content:center;min-height:300px}.public-landing .photo-fallback svg{font-size:40px}.public-landing .workspace-section{background:#fbf6ef;padding-block:80px;scroll-margin-top:24px}.public-landing .section-heading{align-items:flex-end;display:flex;gap:60px;justify-content:space-between;margin-bottom:44px}.public-landing h2{font-size:40px;font-weight:550;letter-spacing:-.035em;line-height:1.2;margin:0}.public-landing h2 span{color:#8a7462}.public-landing .section-heading>p{color:var(--lp-muted);font-size:14px;line-height:1.9;margin:0 0 4px;max-width:330px}.public-landing .feature-tabs{grid-gap:30px;border-bottom:1px solid #dfd1c3;display:grid;gap:30px;grid-template-columns:repeat(3,minmax(0,1fr))}.public-landing .feature-tabs button{align-items:center;background:#0000;border:0;border-bottom:2px solid #0000;color:#766352;display:flex;font-size:14px;font-weight:600;gap:14px;padding:20px 0;text-align:left}.public-landing .feature-tabs button>svg:first-child{font-size:24px}.public-landing .feature-tabs button>svg:last-child{margin-left:auto}.public-landing .feature-tabs button[aria-selected=true]{border-bottom-color:var(--lp-orange);color:var(--lp-orange)}.public-landing .feature-tabs button:hover{color:#8f361c}.public-landing .feature-panel{padding-top:40px}.public-landing .feature-panel[hidden]{display:none}.public-landing .feature-copy{grid-gap:20px 70px;display:grid;gap:20px 70px;grid-template-columns:1fr 1fr}.public-landing .feature-copy h3{font-size:30px;font-weight:550;grid-row:1/3;letter-spacing:-.025em;line-height:1.35;margin:0;max-width:440px}.public-landing .feature-copy>p{color:var(--lp-muted);font-size:14px;grid-column:2;line-height:1.9;margin:0;max-width:520px}.public-landing .feature-copy ul{display:flex;flex-direction:column;gap:12px;grid-column:2;list-style:none;margin:0;padding:0}.public-landing .feature-copy li{align-items:flex-start;color:#5f554b;display:flex;font-size:12px;gap:12px;line-height:1.7}.public-landing .feature-copy li svg{color:var(--lp-orange);flex-shrink:0;margin-top:4px}.public-landing .feature-note{border-top:1px solid #e7d9cd;color:#806044;font-size:11px;grid-column:1/-1;margin-top:12px;padding-top:22px}.public-landing .mobile-features{display:none}.public-landing .shelter-section{grid-gap:100px;align-items:center;display:grid;gap:100px;grid-template-columns:.9fr 1fr;padding-block:100px;scroll-margin-top:24px}.public-landing .care-photo{aspect-ratio:1.1}.public-landing .care-photo img{object-position:center 43%}.public-landing .shelter-copy h2{font-size:38px}.public-landing .shelter-copy>p{color:var(--lp-muted);font-size:14px;line-height:1.95;margin:26px 0 0;max-width:500px}.public-landing .shelter-signature{align-items:center;border-top:1px solid var(--lp-line);display:flex;gap:16px;margin-top:30px;padding-top:24px}.public-landing .shelter-signature>svg{color:var(--lp-orange);flex-shrink:0;font-size:28px}.public-landing .shelter-signature strong{display:block;font-size:12px;font-weight:650;line-height:1.6}.public-landing .shelter-signature small{color:var(--lp-muted);display:block;font-size:10px;margin-top:4px}.public-landing .support-section{background:#f8eee2;padding-block:72px;scroll-margin-top:24px}.public-landing .support-layout{grid-gap:100px;align-items:start;display:grid;gap:100px;grid-template-columns:1fr 1fr}.public-landing .support-layout h2{font-size:36px}.public-landing .support-layout>div>p{color:var(--lp-muted);font-size:13px;margin:20px 0 28px}.public-landing details{border-bottom:1px solid #ddcebd}.public-landing details summary{align-items:center;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:16px;justify-content:space-between;line-height:1.6;list-style:none;min-height:66px;padding-block:16px}.public-landing summary::-webkit-details-marker{display:none}.public-landing summary svg{flex-shrink:0;transition:transform .2s ease}.public-landing details[open]>summary>svg:last-child{transform:rotate(180deg)}.public-landing details>p{color:var(--lp-muted);font-size:13px;line-height:1.9;margin:0 0 22px}.public-landing .landing-footer{padding-block:36px 24px}.public-landing .landing-footer-top{align-items:center;border-bottom:1px solid var(--lp-line);color:var(--lp-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:18px;justify-content:space-between;padding-bottom:28px}.public-landing .footer-brand{color:var(--lp-ink);font-size:18px;font-weight:750;letter-spacing:-.03em}.public-landing .landing-footer-bottom{align-items:flex-start;color:var(--lp-muted);display:flex;font-size:10px;gap:36px;justify-content:space-between;padding-top:20px}.public-landing .landing-footer-bottom details{border:0;max-width:480px}.public-landing .landing-footer-bottom summary{font-size:10px;font-weight:400;justify-content:flex-end;min-height:0;padding:0;text-decoration:underline;text-underline-offset:4px}.public-landing .landing-footer-bottom p{font-size:10px;margin-top:16px}.public-landing .landing-footer-bottom p a{text-decoration:underline}@keyframes photo-arrive{0%{opacity:.7;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(max-width:1100px){.public-landing .landing-container{width:calc(100% - 64px)}.public-landing .public-navigation{gap:20px}.public-landing .landing-brand small{display:none}.public-landing .landing-hero{gap:38px;padding-block:60px 70px}.public-landing .hero-copy h1{font-size:48px}.public-landing .hero-copy>p{font-size:14px}.public-landing .hero-actions{gap:16px}.public-landing .shelter-section,.public-landing .support-layout{gap:50px}.public-landing h2{font-size:34px}.public-landing .shelter-copy h2{font-size:32px}.public-landing .feature-copy{gap:20px 40px}}@media(max-width:767px){.public-landing .landing-container{width:calc(100% - 40px)}.public-landing .header-layout{gap:16px;padding-block:16px}.public-landing .landing-brand{font-size:18px}.public-landing .landing-brand img{height:38px;width:38px}.public-landing .landing-brand small{display:block;font-size:8px}.public-landing .landing-menu{background:#fff;border:1px solid var(--lp-line);border-radius:6px;color:#8d4d2b;display:grid;font-size:20px;height:44px;place-items:center;width:44px}.public-landing .public-navigation{display:none}.public-landing .public-navigation.is-open{align-items:stretch;background:#fff;border-bottom:1px solid var(--lp-line);display:flex;flex-direction:column;gap:8px;left:-20px;padding:20px;position:absolute;right:-20px;top:calc(100% - 1px);z-index:5}.public-landing .public-navigation>a:not(.landing-button){font-size:14px;padding:12px 6px}.public-landing .landing-hero{gap:36px;grid-template-columns:1fr;padding-block:42px 48px}.public-landing .hero-copy h1{font-size:clamp(36px,8.8vw,52px);letter-spacing:-.04em;line-height:1.15}.public-landing .hero-copy>p{font-size:14px;line-height:1.9;margin:22px 0 24px}.public-landing .hero-partner{margin-top:28px;padding-top:20px}.public-landing .hero-actions{gap:18px}.public-landing .hero-photo .editorial-photo{aspect-ratio:1.1}.public-landing figcaption,.public-landing figcaption small{font-size:10px}.public-landing .workspace-section{padding-block:48px}.public-landing .section-heading{display:block;margin-bottom:26px}.public-landing h2{font-size:31px;letter-spacing:-.03em}.public-landing .section-heading>p{font-size:14px;margin-top:20px}.public-landing .desktop-features{display:none}.public-landing .mobile-features{display:block}.public-landing .mobile-features summary>svg:first-child{color:var(--lp-orange);font-size:24px}.public-landing .mobile-features summary{font-size:15px;gap:14px;justify-content:flex-start}.public-landing .mobile-features summary>svg:last-child{margin-left:auto}.public-landing .feature-copy{display:block;padding-bottom:22px}.public-landing .feature-copy h3{font-size:24px;line-height:1.35;margin:10px 0 18px}.public-landing .feature-copy>p{font-size:13px;margin-bottom:22px}.public-landing .feature-copy li{font-size:12px}.public-landing .feature-note{display:block;font-size:11px;margin-top:22px;padding-top:18px}.public-landing .shelter-section{gap:30px;grid-template-columns:1fr;padding-block:50px}.public-landing .shelter-copy h2{font-size:30px}.public-landing .shelter-copy>p{font-size:14px;margin-top:20px}.public-landing .shelter-signature{margin-top:24px}.public-landing .support-section{padding-block:46px}.public-landing .support-layout{gap:28px;grid-template-columns:1fr}.public-landing .support-layout h2{font-size:30px}.public-landing .landing-footer-top{gap:16px}.public-landing .landing-footer-top>span{flex-basis:100%;order:3}.public-landing .landing-footer-bottom{flex-direction:column;gap:18px}.public-landing .landing-footer-bottom summary{justify-content:flex-start}.public-landing .landing-footer-bottom p{margin-top:14px}}@media(max-width:359px){.public-landing .hero-copy h1{font-size:34px}.public-landing .hero-actions{gap:14px}.public-landing .landing-text-link{font-size:11px}.public-landing .landing-button{gap:16px;padding-inline:16px}.public-landing .landing-brand small{font-size:7px}}@media(prefers-reduced-motion:reduce){.public-landing *{animation:none;scroll-behavior:auto;transition:none}}.public-landing .section-heading{align-items:end;display:grid;grid-template-columns:1.15fr 1fr}.public-landing .section-heading>p{justify-self:end}@media(min-width:768px) and (max-width:900px){.public-landing .hero-copy h1{font-size:40px}.public-landing .public-navigation{gap:16px}}@media(max-width:767px){.public-landing .section-heading{display:block}}.portal-shell{--portal-ink:#302a24;--portal-muted:#776b60;--portal-orange:#b54925;--portal-line:#e8e0d7;-webkit-font-smoothing:antialiased;background:#faf8f5;color:var(--portal-ink);display:flex;flex-direction:column;font-family:Manrope,Segoe UI,sans-serif;min-height:100svh}.portal-shell *{box-sizing:border-box}.portal-shell ::selection{background:#f7cdae;color:#3e291e}.portal-shell .portal-topbar{background:var(--portal-orange);color:#fff}.portal-shell .topbar-inner{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:auto;max-width:1200px;padding:24px 40px}.portal-shell .topbar-brand{align-items:center;display:flex;gap:12px;min-width:0}.portal-shell .topbar-logo{background:#fff;border-radius:8px;flex-shrink:0;height:44px;object-fit:contain;padding:4px;width:44px}.portal-shell .topbar-title-wrap{display:flex;flex-direction:column;gap:4px}.portal-shell .topbar-app-name{font-size:18px;font-weight:700;letter-spacing:-.02em}.portal-shell .topbar-app-tag{color:#ffe2cf;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.portal-shell .topbar-location{align-items:center;color:#ffe2cf;display:flex;font-size:12px;gap:8px}.portal-shell .portal-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding-bottom:24px;width:100%}.portal-shell .portal-auth{background:#fff;border-radius:14px;box-shadow:0 16px 50px #623c2114;margin-top:-50px;max-width:456px;padding:34px 36px 14px;position:relative;width:calc(100% - 48px)}.portal-shell .auth-card-header{margin-bottom:28px}.portal-shell .auth-card-header h1{font-size:28px;font-weight:650;letter-spacing:-.025em;line-height:1.2;margin:0 0 10px}.portal-shell .auth-card-header p{color:var(--portal-muted);font-size:14px;line-height:1.6;margin:0}.portal-shell .auth-form{display:flex;flex-direction:column;gap:22px;margin:0}.portal-shell .form-field{display:flex;flex-direction:column;gap:8px;margin:0}.portal-shell .form-field label{color:#51463d;font-size:13px;font-weight:600;margin:0}.portal-shell .input-group{position:relative}.portal-shell .form-field input{background:#fff;border:1px solid #d6ccc1;border-radius:7px;box-shadow:none;caret-color:var(--portal-orange);color:var(--portal-ink);font:inherit;font-size:16px;height:52px;min-width:0;padding:0 14px;transition:border-color .18s ease,background .18s ease;width:100%}.portal-shell .form-field input::placeholder{color:#817265;font-size:14px;opacity:1}.portal-shell .form-field input:hover{border-color:#a28772}.portal-shell .form-field input:focus{background:#fffcf8;border-color:#b54925}.portal-shell .form-field input[aria-invalid=true]{border-color:#ad3720}.portal-shell .form-field input:disabled{background:#f7f4f0;color:#756b63}.portal-shell #staff-password{padding-right:52px}.portal-shell .field-toggle-btn{background:#0000;border:0;border-radius:5px;color:#79624e;cursor:pointer;display:grid;font-size:18px;height:44px;place-items:center;position:absolute;right:4px;top:4px;width:44px}.portal-shell .field-toggle-btn:hover{background:#fff0e2;color:#9a3c1c}.portal-shell .caps-lock-note,.portal-shell .field-error{color:#a33420;font-size:12px;line-height:1.5}.portal-shell .caps-lock-note{color:#8b5b21}.portal-shell .auth-submit-btn{align-items:center;background:var(--portal-orange);border:0;border-radius:7px;color:#fff;cursor:pointer;display:flex;font:inherit;font-size:14px;font-weight:650;gap:16px;justify-content:space-between;min-height:52px;padding:0 16px;transition:background .18s ease,transform .18s ease;width:100%}.portal-shell .auth-submit-btn:hover{background:#96391b}.portal-shell .auth-submit-btn:active{transform:translateY(1px)}.portal-shell .auth-submit-btn:disabled{background:#8a6650;cursor:wait}.portal-shell :is(button,input):focus-visible{outline:3px solid #c87544;outline-offset:3px}.portal-shell .account-help{border-top:1px solid var(--portal-line);margin-top:22px}.portal-shell .account-help>button{align-items:center;background:#0000;border:0;color:#6d5e50;cursor:pointer;display:flex;font:inherit;font-size:12px;gap:12px;justify-content:space-between;min-height:54px;padding:10px 0;text-align:left;width:100%}.portal-shell .account-help>button:hover{color:#a03d1d}.portal-shell .help-chevron{transition:transform .2s ease}.portal-shell .help-chevron.expanded{transform:rotate(180deg)}.portal-shell .account-help p{color:var(--portal-muted);font-size:13px;line-height:1.8;margin:0 0 18px}.portal-shell .account-help [hidden]{display:none}.portal-shell .auth-error-banner{align-items:flex-start;background:#fff0e8;border-radius:7px;color:#99391f;display:flex;font-size:13px;gap:10px;line-height:1.6;margin-bottom:22px;overflow-wrap:anywhere;padding:12px}.portal-shell .auth-error-banner svg{flex-shrink:0;margin-top:4px}.portal-shell .workspace-context{max-width:600px;padding:28px 24px 0;text-align:center}.portal-shell .workspace-capabilities{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center}.portal-shell .workspace-capabilities span{align-items:center;color:#6e5e51;display:flex;font-size:11px;gap:8px;line-height:1.5}.portal-shell .workspace-capabilities svg{color:#af5631;font-size:19px}.portal-shell .workspace-context p{color:var(--portal-muted);font-size:11px;line-height:1.7;margin:18px 0 0}.portal-shell .portal-footer{color:var(--portal-muted);display:flex;flex-wrap:wrap;font-size:10px;gap:8px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px 40px;width:100%}.portal-shell .login-spinner{animation:login-spin 1s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}@media (max-width:599px){.portal-shell .topbar-inner{padding:20px 24px}.portal-shell .topbar-location{display:none}.portal-shell .portal-auth{margin-top:-36px;padding:28px 24px 10px;width:calc(100% - 32px)}.portal-shell .auth-card-header h1{font-size:24px}.portal-shell .workspace-context{padding-top:24px}.portal-shell .workspace-capabilities{gap:10px 16px}.portal-shell .workspace-capabilities span{font-size:10px}.portal-shell .portal-footer{padding:16px 24px}}@media (max-width:359px){.portal-shell .topbar-app-name{font-size:18px}.portal-shell .topbar-app-tag{font-size:10px}.portal-shell .portal-auth{padding-inline:20px}.portal-shell .workspace-capabilities{gap:8px 12px}}@media (prefers-reduced-motion:reduce){.portal-shell *{animation:none;transition:none}}.portal-shell .signin-back{align-self:flex-start;color:#813b23;font-size:12px;margin:18px 24px;min-height:24px;text-decoration:underline;text-underline-offset:4px}.portal-shell .signin-back:focus-visible{outline:3px solid #b8562f;outline-offset:4px}.portal-shell .portal-main{padding-top:24px}.portal-shell .portal-auth{margin-top:0}.portal-shell .signin-back{align-self:center;margin:0 24px 24px;max-width:456px;width:calc(100% - 48px)}.portal-shell .portal-main .portal-auth{margin-top:0}.error-message{background:#ffe8e0;border:1px solid #ff6b3533;border-radius:8px;box-shadow:0 4px 15px #ff6b351a;color:#c1410a;font-size:13px;padding:14px}.stat-card{border:1px solid #0000000d;box-shadow:0 12px 30px #0000000d,inset 0 1px 0 #fffc;transition:all .3s ease}.stat-card:hover{box-shadow:0 18px 40px #00000017}.stat-label{color:#9a9da3;font-size:12.5px;font-weight:600}.legend-item{display:inline-flex;font-size:13px;font-weight:700;letter-spacing:.2px}.legend-dot{display:none!important}.kpi-label{color:#94a3b8;font-size:11px}.kpi-value{color:#334155;font-size:14px}.text-green{color:#16a34a!important}@media (max-width:639px){.recent-table{min-width:480px}.quick-action-btn{min-height:72px}.quick-add-btn,.status-badge,.view-all-btn{min-height:44px}.status-badge{align-items:center;display:inline-flex;white-space:nowrap}}.status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:11.5px;font-weight:700;padding:4px 12px;white-space:nowrap}.status-badge.confirmed{background:#eafaf0;color:#1d7a45}.status-badge.pending{background:#fff3ec;color:#c1410a}.status-badge.awaiting{background:#eaf4ff;color:#1f5e9e}@media (min-width:640px){.stats-row{grid-template-columns:repeat(2,1fr)}.quick-actions-grid,.system-cards{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.stats-row{grid-template-columns:repeat(4,1fr)}.row-2{grid-template-columns:1fr}.row-3{grid-template-columns:2fr 1fr}}@media (min-width:1536px){.dashboard-overview{margin:0 auto;max-width:1800px;width:100%}}@media (min-width:1024px){.row-3{grid-template-columns:1fr 1fr}}.badge-pending{background:#fff3ec;color:#c1410a}.user-management{background:#fff;border:1px solid #fffc;border-radius:8px;box-shadow:0 15px 40px #00000014,inset 0 1px 0 #fff9;padding:30px}.user-management h2{border-bottom:none;color:#333;font-size:22px;font-weight:700;margin-bottom:6px;margin-top:0;padding-bottom:0}.user-management .section-subtitle{border-bottom:2px solid #ff6b35;color:#777;font-size:14px;margin-bottom:24px;margin-top:0;padding-bottom:16px}.user-toast{align-items:center;animation:userFadeIn .3s ease;background:#eafaf0;border:1px solid #16a34a40;border-radius:8px;color:#16a34a;display:flex;font-size:13.5px;font-weight:600;gap:10px;margin-bottom:20px;padding:12px 18px}.user-toast .toast-icon{flex-shrink:0;font-size:18px}@keyframes userFadeIn{0%{opacity:0;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}.user-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:20px}.role-filter-group{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{background:#fff;border:1px solid #00000014;color:#55575c;display:inline-flex}.filter-chip:hover{background:#fff6f2;border-color:#ff6b354d;color:#ff6b35}.filter-chip.active{box-shadow:0 4px 14px #ff6b3540}.chip-count{background:#0000000f;border-radius:8px;display:inline-block;font-size:11px;font-weight:700;padding:2px 8px}.filter-chip.active .chip-count{background:#ffffff40;color:#fff}.refresh-users-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.refresh-users-btn:hover{background:#f8fafc;color:#1e293b}.search-box{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:22px}.search-input-wrapper{min-width:280px}.search-input-wrapper .search-icon{color:#94a3b8;font-size:18px;pointer-events:none}.search-input-wrapper input{border:1px solid #e2e8f0;color:#1e293b;font-size:13.5px;padding:12px 38px 12px 40px;transition:border-color .2s ease,box-shadow .2s ease}.clear-search-btn{background:#0000;font-size:15px;justify-content:center}.search-count-label{color:#94a3b8;font-size:12.5px;font-weight:600}.users-table-container{background:#fff;border:1px solid #0000000f;border-radius:8px;box-shadow:0 6px 24px #00000008;overflow-x:auto}.users-table{border-collapse:collapse;font-size:13.5px;width:100%}.users-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.4px;padding:14px 18px;text-align:left;text-transform:uppercase}.users-table .th-actions{padding-right:24px;text-align:right}.users-table td{border-bottom:1px solid #f1f5f9;padding:14px 18px;vertical-align:middle}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background:#fafbfc}.user-info-cell{align-items:center;display:flex;gap:12px}.user-avatar-circle{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:38px;justify-content:center;width:38px}.user-text-meta{display:flex;flex-direction:column}.user-name-text{color:#1e293b;font-size:14px;font-weight:700}.user-id-mono{color:#94a3b8;font-family:monospace;font-size:11px}.user-email-text{color:#475569;font-size:13px}.user-date-text{color:#64748b;font-size:12.5px}.role-pill{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:4px 10px}.role-admin{background:#eafaf0;border:1px solid #16a34a40;color:#16a34a}.role-adopter{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.users-table .actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.action-btn-role{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.action-btn-role.role-promote{border-color:#ff6b354d;color:#ff6b35}.action-btn-role.role-promote:hover{background:#fff6f2}.action-btn-role.role-demote{border-color:#d977064d;color:#d97706}.action-btn-role.role-demote:hover{background:#fffbeb}.action-btn-delete{align-items:center;background:#fff;border:1px solid #e74c3c33;border-radius:8px;color:#e74c3c;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn-delete:hover{background:#fdf0f0;color:#c0392b}.empty-users-cell{padding:40px!important;text-align:center}.empty-users-content{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:8px}.empty-users-icon{color:#cbd5e1;font-size:32px}.user-modal-backdrop{animation:modalFadeIn .2s ease;background:#0f172a80;inset:0;z-index:1000}.user-modal-card{align-items:center;animation:modalZoomIn .25s ease;background:#fff;border-radius:8px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-width:440px;padding:26px;text-align:center;width:100%}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.user-modal-icon-wrap{align-items:center;border-radius:50%;display:flex;font-size:24px;height:52px;justify-content:center;margin-bottom:16px;width:52px}.icon-primary{background:#fff3ec;color:#ff6b35}.icon-danger{background:#fdf0f0;color:#e74c3c}.user-modal-body h3{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 8px}.user-modal-body p{color:#64748b;font-size:13.5px;line-height:1.5;margin:0 0 22px}.user-modal-actions{display:flex;gap:12px;width:100%}.modal-btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;flex:1 1;font-size:13.5px;font-weight:600;padding:12px;transition:all .2s ease}.modal-btn-cancel:hover{background:#f8fafc}.modal-btn-confirm{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13.5px;font-weight:700;padding:12px;transition:all .2s ease}.modal-btn-confirm.btn-primary{background:#ff6b35;box-shadow:0 4px 14px #ff6b354d;color:#fff}.modal-btn-confirm.btn-danger{background:#e74c3c;box-shadow:0 4px 14px #e74c3c4d;color:#fff}.image-uploader-container{display:flex;flex-direction:column;gap:12px;width:100%}.upload-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding-bottom:8px}.upload-tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.upload-tab-btn:hover{background:#f1f5f9;color:#1e293b}.upload-tab-btn.active{background:#fff7ed;color:#ff6b35}.dropzone-box{align-items:center;background:#fafaf9;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:24px 16px;position:relative;text-align:center;transition:all .2s ease}.dropzone-box:hover{background:#fffaf5;border-color:#ff6b35}.dropzone-box.dragging{background:#fff7ed;border-color:#ff6b35;box-shadow:0 0 0 4px #ff6b3526}.dropzone-icon{color:#ff6b35;font-size:36px}.dropzone-title{color:#1e293b;font-size:13.5px;font-weight:600;margin:0}.dropzone-sub{color:#64748b;font-size:11.5px;margin:0}.dropzone-file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-status-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px}.upload-thumb-wrap{border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;height:64px;overflow:hidden;position:relative;width:64px}.upload-thumb-img{height:100%;object-fit:cover;width:100%}.upload-meta{display:flex;flex:1 1;flex-direction:column;gap:4px}.upload-file-name{color:#1e293b;font-size:12.5px;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-savings-tag{align-items:center;background:#ecfdf5;border-radius:6px;color:#059669;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px;width:fit-content}.upload-state-text{color:#64748b;font-size:11.5px}.btn-remove-photo{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:11.5px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.btn-remove-photo:hover{background:#fecaca}.storage-notice-banner{align-items:flex-start;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;font-size:11.5px;gap:8px;line-height:1.4;padding:8px 12px}.storage-notice-banner.warn{background:#fffbeb;border-color:#fef3c7;color:#92400e}.storage-notice-banner code{background:#0000000f;border-radius:4px;font-family:monospace;padding:1px 4px}.mjp{margin-top:12px}.mjp,.mjp-card{grid-gap:12px;display:grid;gap:12px}.mjp-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.mjp-card p{align-items:center;color:#334155;display:flex;font-size:14px;gap:8px;margin:0}.mjp-title{color:#1f2937;font-size:15px;margin:0}.mjp-sub{color:#64748b;font-size:13px;line-height:1.5;margin:0}.mjp-note{font-weight:600}.mjp-failed{background:#fef2f2;border-color:#fca5a5}.mjp-live{background:#ecfdf5;border-color:#a7f3d0}.mjp-steps{color:#94a3b8;display:flex;flex-wrap:wrap;font-size:12px;gap:4px 12px;list-style:none;margin:0;padding:0}.mjp-steps li:before{content:"○ "}.mjp-steps li.done{color:#059669}.mjp-steps li.done:before{content:"✓ "}.mjp-steps li.now{color:#008f82;font-weight:700}.mjp-steps li.now:before{content:"● "}.mjp-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.mjp-bar span{background:#008f82;display:block;height:100%;transition:width .4s ease}.mjp-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.mjp-grid figure{grid-gap:4px;color:#475569;display:grid;font-size:12px;gap:4px;margin:0;text-align:center}.mjp-grid button{background:#f3f4f6;border:0;border-radius:8px;cursor:zoom-in;padding:0}.mjp-grid img{aspect-ratio:1;border-radius:8px;display:block;object-fit:contain;width:100%}.mjp-actions{display:flex;flex-wrap:wrap;gap:8px}.mjp-actions button,.mjp-start{align-items:center;display:inline-flex;gap:6px;min-height:44px}.mjp-chip{background:#fff;border:1px solid #cbd5e1;border-radius:22px;cursor:pointer;padding:0 16px}.mjp-chip.on{border-color:#008f82;color:#008f82;font-weight:700}.mjp-start{justify-self:start}.modal-overlay.mjp-zoom{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:16px;z-index:1000}.modal-overlay.mjp-zoom img{background:#fff;border-radius:10px;max-height:80vh;max-width:100%}@media (max-width:640px){.mjp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mjp-decide button{flex:1 1 100%;justify-content:center}}.pet-management{background:#fff;border:1px solid #fffc;border-radius:8px;box-shadow:0 15px 40px #00000014,inset 0 1px 0 #fff9;padding:30px}.pet-mgmt-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.pet-mgmt-header h2{color:#1e293b;font-size:22px;font-weight:700;margin:0 0 6px}.pet-mgmt-header .section-subtitle{border-bottom:2px solid #ff6b35;color:#64748b;font-size:14px;margin:0;padding-bottom:12px}.btn-refresh{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-refresh:hover{background:#f1f5f9;color:#0f172a}.btn-primary-add{align-items:center;background:#ff6b35;border:none;border-radius:8px;box-shadow:0 4px 12px #ff6b354d;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-primary-add:hover{box-shadow:0 6px 16px #ff6b3566;transform:translateY(-1px)}.pet-toast{align-items:center;background:#ecfdf5;border:1px solid #05966940;border-radius:8px;color:#059669;display:flex;font-weight:600;gap:10px}.error-banner,.pet-toast{font-size:13.5px;margin-bottom:20px;padding:12px 18px}.error-banner{background:#fef2f2;border:1px solid #dc262633;border-radius:8px;color:#dc2626}.pet-controls-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:14px 18px}.search-box-wrap{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;display:flex;flex:1 1;gap:10px;min-width:280px;padding:8px 14px}.search-box-wrap input{background:#0000;border:none;color:#1e293b;font-size:13.5px;outline:none;width:100%}.search-box-wrap .search-icon{color:#94a3b8;font-size:16px}.clear-search-btn{color:#94a3b8}.filters-wrap{flex-wrap:wrap;gap:16px}.filter-group,.filters-wrap{align-items:center;display:flex}.filter-group{gap:8px}.filter-label{align-items:center;color:#64748b;display:flex;font-size:12.5px;font-weight:600;gap:4px}.filter-chips{gap:6px}.filter-chip{background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12.5px;padding:6px 12px;transition:all .15s ease}.filter-chip:hover{background:#f1f5f9}.empty-state,.loading-state{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:50px 20px;text-align:center}.empty-icon{color:#cbd5e1;font-size:48px}.empty-state h3{color:#1e293b;margin:0 0 6px}.empty-state p{color:#64748b;font-size:13.5px;margin:0 0 18px}.btn-secondary-add{align-items:center;background:#fff;border:1px solid #ff6b35;border-radius:8px;color:#ff6b35;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px}.pets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.pet-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 15px #00000008;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.pet-card:hover{box-shadow:0 10px 25px #00000012;transform:translateY(-1px)}.pet-card-image-wrap{background:#e2e8f0;height:190px;position:relative}.pet-card-image{height:100%;object-fit:cover;width:100%}.pet-status-badge{border-radius:8px;box-shadow:0 2px 6px #00000026;font-size:11px;font-weight:700;left:12px;letter-spacing:.4px;padding:4px 12px;position:absolute;text-transform:uppercase;top:12px}.status-available{background:#10b981;color:#fff}.status-pending{background:#f59e0b;color:#fff}.status-adopted{background:#3b82f6;color:#fff}.status-removed{background:#64748b;color:#fff}.pet-type-tag{background:#0f172ab3;border-radius:8px;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:12px;top:12px}.pet-card-body{display:flex;flex:1 1;flex-direction:column;padding:16px}.pet-card-header{margin-bottom:12px}.pet-name{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 2px}.pet-breed{color:#64748b;font-size:12.5px;font-weight:500}.pet-attributes-grid{grid-gap:8px;background:#f8fafc;border-radius:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:10px}.attr-item{display:flex;flex-direction:column}.attr-key{color:#94a3b8;font-size:10.5px;font-weight:600}.attr-val{color:#334155;font-size:12px;font-weight:600;text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;flex:1 1;font-size:12px;line-height:1.45;margin:0 0 16px;overflow:hidden}.pet-card-actions{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:space-between;padding-top:12px}.status-selector{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:6px 10px}.action-buttons-group{display:flex;gap:6px}.btn-edit{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .15s ease}.btn-edit:hover{background:#f8fafc;border-color:#94a3b8}.btn-delete{align-items:center;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;color:#e11d48;cursor:pointer;display:flex;padding:6px 8px;transition:all .15s ease}.btn-delete:hover{background:#ffe4e6}.modal-overlay{align-items:center;background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999}.pet-modal-card{animation:modalScaleUp .25s ease;background:#fff;border-radius:8px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:680px;overflow:hidden;width:100%}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.modal-title-wrap{align-items:center;display:flex;gap:10px}.modal-title-icon{color:#ff6b35;font-size:24px}.modal-title-wrap h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.btn-close-modal{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:20px}.btn-close-modal:hover{color:#0f172a}.pet-form{display:flex;flex-direction:column;overflow:hidden}.form-scroll-content{max-height:calc(90vh - 160px);overflow-y:auto;padding:20px 24px}.form-section-title{border-bottom:1px dashed #e2e8f0;color:#ff6b35;font-size:13px;font-weight:700;letter-spacing:.5px;margin:18px 0 12px;padding-bottom:6px;text-transform:uppercase}.form-section-title:first-child{margin-top:0}.form-grid-2{grid-gap:14px;gap:14px;grid-template-columns:1fr 1fr}.form-grid-2,.form-grid-3{display:grid;margin-bottom:12px}.form-grid-3{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr 1fr}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field label{color:#475569;font-size:12px;font-weight:600}.form-field input,.form-field select,.form-field textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-size:13px;outline:none;padding:8px 12px;transition:border-color .15s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#ff6b35}.species-toggle{border:1px solid #cbd5e1;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.species-toggle button{background:#fff;border:0;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px}.species-toggle button+button{border-left:1px solid #cbd5e1}.species-toggle button.active{background:#b54925;color:#fff}.field-help{color:#64748b;font-size:12px;margin:0 0 6px}.model-ref-notice{margin:0 0 12px}.model-ref-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.model-ref-slot{color:#334155;font-size:12px;margin:0}.model-ref-slot,.model-ref-slot label{display:flex;flex-direction:column;gap:4px}.model-ref-slot label{align-items:center;aspect-ratio:4/3;background:#f8fafc;border:1px dashed #9ca3af;border-radius:8px;color:#64748b;cursor:pointer;justify-content:center;overflow:hidden}.model-ref-slot.filled label{background:#f3f4f6;border-color:#cbd5e1;border-style:solid}.model-ref-slot img{height:100%;object-fit:contain;width:100%}.model-ref-slot input,.visually-hidden-input{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.model-ref-slot label{position:relative}.model-ref-slot label:focus-within{outline:2px solid #b54925;outline-offset:2px}.model-sheet-btn{position:relative}.model-ref-slot figcaption{display:flex;font-weight:600;justify-content:space-between}.model-sheet-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:10px}.model-sheet-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:7px 12px}.model-sheet-btn:hover{border-color:#b54925;color:#b54925}.model-sheet-btn:focus-visible,.model-sheet-btn:focus-within{outline:2px solid #b54925;outline-offset:2px}.model-sheet-check{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;margin:12px 0 0;padding:10px 12px}.model-sheet-check legend{color:#334155;font-size:13px;font-weight:600;padding:0 4px}.model-sheet-views{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin:6px 0 8px}.model-sheet-view{display:flex;flex-direction:column;gap:4px;margin:0}.model-sheet-view img{aspect-ratio:1;background:#fff;border:2px solid #e2e8f0;border-radius:8px;object-fit:contain;width:100%}.model-sheet-view.used img{border-color:#b54925}.model-sheet-view select{border:1px solid #cbd5e1;border-radius:6px;font-size:12px;padding:4px;width:100%}@media (max-width:600px){.model-ref-grid{grid-template-columns:repeat(2,1fr)}}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;gap:12px}.btn-cancel{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px}.btn-cancel:hover{background:#f1f5f9}.btn-save-pet{background:#ff6b35;border:none;border-radius:8px;box-shadow:0 4px 12px #ff6b3540;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 22px}.btn-save-pet:hover{background:#e05320}.delete-modal-card{animation:modalScaleUp .25s ease;background:#fff;border-radius:8px;box-shadow:0 20px 50px #0003;max-width:420px;padding:24px;text-align:center;width:100%}.delete-icon-wrap{align-items:center;background:#fef2f2;border-radius:50%;color:#dc2626;display:flex;font-size:28px;height:54px;justify-content:center;margin:0 auto 16px;width:54px}.delete-modal-card h3{color:#0f172a;margin:0 0 8px}.delete-modal-card p{color:#64748b;font-size:13.5px;line-height:1.5;margin:0 0 20px}.delete-modal-actions{justify-content:center}.btn-confirm-delete{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px}.btn-confirm-delete:hover{background:#b91c1c}.pet-sample-badge{background:#0f172abf;border-radius:6px;bottom:10px;color:#f8fafc;font-size:10.5px;font-weight:600;letter-spacing:.3px;padding:4px 8px;position:absolute;right:10px}.image-input-group{display:flex;flex-direction:column;gap:6px}.btn-preset-img{align-self:flex-start;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s ease}.btn-preset-img:hover{background:#e2e8f0;border-color:#94a3b8;color:#1e293b}.modal-image-preview{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;margin-top:8px;padding:6px 10px}.modal-image-preview img{border-radius:6px;height:48px;object-fit:cover;width:48px}.modal-image-preview span{color:#64748b;font-size:11.5px;font-weight:500}@media (max-width:640px){.search-box-wrap{min-width:0}.modal-overlay{align-items:stretch;padding:0}.pet-modal-card{border-radius:0;height:100dvh;max-height:none;max-width:none}.pet-modal-card>form{display:flex;flex:1 1;flex-direction:column;min-height:0}.modal-header{padding:14px 16px}.form-scroll-content{flex:1 1;max-height:none;min-height:0;padding:16px}.form-grid-2,.form-grid-3{grid-template-columns:1fr}.form-grid-2>*,.form-grid-3>*{grid-column:auto!important}.form-field input,.form-field select,.form-field textarea{font-size:16px;min-height:44px}.modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.modal-footer button{flex:1 1;min-height:44px}.pet-modal-card[role=alertdialog]{border-radius:8px;height:auto;margin:auto 16px}}.adoption-monitoring{background:#fff;border:1px solid #fffc;border-radius:8px;box-shadow:0 15px 40px #00000014,inset 0 1px 0 #fff9;padding:30px}.adoption-monitoring h2{border-bottom:none;color:#333;font-size:22px;font-weight:700;margin-bottom:6px;margin-top:0;padding-bottom:0}.adoption-monitoring .section-subtitle,.section-subtitle{border-bottom:2px solid #ff6b35;color:#777;font-size:14px;margin-bottom:24px;margin-top:0;padding-bottom:16px}.adoption-toast{align-items:center;animation:fadeIn .3s ease;background:#eafaf0;border:1px solid #16a34a40;border-radius:8px;color:#16a34a;display:flex;font-size:13.5px;font-weight:600;gap:10px;margin-bottom:20px;padding:12px 18px}.adoption-toast .toast-icon{flex-shrink:0;font-size:18px}.adoption-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:22px}.filter-chips-wrap{display:flex;flex-wrap:wrap;gap:8px}.adoption-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.adoption-chip:hover{background:#f8fafc;color:#1e293b}.adoption-chip.active{background:#1e293b;border-color:#1e293b;color:#fff}.adoption-chip.chip-pending.active{background:#ff6b35;border-color:#ff6b35}.adoption-chip.chip-review.active{background:#d97706;border-color:#d97706}.adoption-chip.chip-approved.active{background:#16a34a;border-color:#16a34a}.adoption-chip.chip-rejected.active{background:#dc2626;border-color:#dc2626}.chip-badge{background:#00000014;border-radius:8px;display:inline-block;font-size:11px;font-weight:700;padding:2px 8px}.adoption-chip.active .chip-badge{background:#ffffff40;color:#fff}.refresh-adoptions-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.refresh-adoptions-btn:hover{background:#f8fafc;color:#1e293b}.adoptions-table-container{background:#fff;border:1px solid #0000000f;border-radius:8px;box-shadow:0 6px 24px #00000008;overflow-x:auto}.adoptions-table{border-collapse:collapse;font-size:13.5px;width:100%}.adoptions-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.4px;padding:14px 18px;text-align:left;text-transform:uppercase}.adoptions-table .th-actions{padding-right:24px;text-align:right}.adoptions-table td{border-bottom:1px solid #f1f5f9;padding:14px 18px;vertical-align:middle}.adoptions-table tr:hover td{background:#fafbfc}.pet-info-cell{gap:12px}.pet-info-cell,.pet-thumb-icon{align-items:center;display:flex}.pet-thumb-icon{background:#fff3ec;border-radius:8px;color:#ff6b35;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.pet-text-meta{display:flex;flex-direction:column}.pet-text-meta strong{color:#1e293b;font-size:14px}.pet-breed-tag{color:#94a3b8;font-size:11.5px}.applicant-info-cell{display:flex;flex-direction:column}.applicant-info-cell strong{color:#1e293b;font-size:14px}.applicant-contact-sub{color:#64748b;font-size:12px}.shelter-link-badge{align-items:center;color:#3b82f6;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px}.housing-pill{background:#f1f5f9;border-radius:6px;color:#475569;display:inline-block;font-size:11px;font-weight:700;padding:4px 8px}.date-cell{color:#64748b;font-size:12.5px}.status-pill{align-items:center;display:inline-flex;font-size:11.5px;gap:6px}.status-pending{background:#fff3ec;color:#c1410a}.status-under_review{background:#fffbeb;color:#b45309}.status-approved{background:#eafaf0;color:#16a34a}.status-rejected{background:#fdf0f0;color:#dc2626}.status-withdrawn{background:#f1f5f9;color:#64748b}.review-app-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#ff6b35;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:700;gap:6px;padding:8px 14px;transition:all .2s ease}.review-app-btn:hover{background:#fff6f2;border-color:#ff6b35}.empty-adoptions-cell{padding:50px 20px!important;text-align:center}.empty-adoptions-content{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:8px}.empty-adoptions-content .empty-icon{color:#cbd5e1;font-size:38px}.adoption-modal-backdrop{align-items:center;animation:fadeIn .2s ease;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.adoption-dossier-card{animation:modalZoomIn .25s ease;background:#fff;border-radius:8px;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow-y:auto;width:100%}.dossier-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:22px 26px}.dossier-title-wrap{align-items:center;display:flex;gap:14px}.dossier-header-icon{align-items:center;background:#fff3ec;border-radius:8px;color:#ff6b35;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.dossier-title-wrap h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.dossier-id-sub{color:#94a3b8;font-family:monospace;font-size:12px}.dossier-body{display:flex;flex-direction:column;gap:20px;padding:24px 26px}.dossier-pet-banner{background:#f8fafc;border:1px solid #e2e8f0;gap:16px;padding:16px 20px}.dossier-pet-banner,.pet-banner-icon{align-items:center;border-radius:8px;display:flex}.pet-banner-icon{background:#fff;box-shadow:0 2px 8px #0000000d;color:#ff6b35;font-size:22px;height:44px;justify-content:center;width:44px}.pet-banner-info{flex:1 1}.pet-banner-info h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 4px}.pet-banner-info span{color:#64748b;font-size:12.5px}.dossier-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.dossier-grid{grid-template-columns:1fr}}.dossier-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:18px}.dossier-section h5{color:#94a3b8;font-size:12px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.info-kv-list{gap:10px}.info-kv-list,.info-kv-row{display:flex;flex-direction:column}.info-kv-row{font-size:13px;gap:2px}.kv-label{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.kv-val{color:#1e293b;font-size:13.5px}.has-pets-yes{color:#16a34a;font-weight:700}.has-pets-no{color:#64748b}.dossier-reason-box{background:#fffdfa;border:1px solid #feebc8;border-radius:8px;padding:16px 20px}.dossier-reason-box h5{color:#b45309;font-size:12px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.dossier-reason-box p{color:#4a5568;font-size:13.5px;font-style:italic;line-height:1.6;margin:0}.dossier-notes-box h5{color:#475569;font-size:12px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.dossier-notes-box textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:13px;outline:none;padding:12px;transition:border-color .2s ease;width:100%}.dossier-notes-box textarea:focus{background:#fff;border-color:#ff6b35}.dossier-actions-bar{border-top:1px solid #f1f5f9;padding-top:14px}.decision-buttons{display:flex;flex-wrap:wrap;gap:10px}.decision-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex:1 1;font-size:13.5px;font-weight:700;gap:8px;justify-content:center;min-width:150px;padding:12px 18px;transition:all .2s ease}.btn-approve{background:#16a34a;box-shadow:0 4px 14px #16a34a4d;color:#fff}.btn-approve:hover:not(:disabled){box-shadow:0 6px 18px #16a34a66;transform:translateY(-1px)}.btn-review{background:#d97706;box-shadow:0 4px 14px #d977064d;color:#fff}.btn-review:hover:not(:disabled){box-shadow:0 6px 18px #d9770666;transform:translateY(-1px)}.btn-reject{background:#dc2626;box-shadow:0 4px 14px #dc26264d;color:#fff}.btn-reject:hover:not(:disabled){box-shadow:0 6px 18px #dc262666;transform:translateY(-1px)}.decision-btn:disabled{cursor:wait;opacity:.6}.appointment-management{background:#fff;border:1px solid #fffc;border-radius:8px;box-shadow:0 15px 40px #00000014,inset 0 1px 0 #fff9;padding:30px}.appt-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.appt-header h2{color:#1e293b;font-size:22px;font-weight:700;margin:0 0 6px}.appt-header .section-subtitle{border-bottom:2px solid #ff6b35;color:#64748b;font-size:14px;margin:0;padding-bottom:12px}.appt-toast{align-items:center;background:#ecfdf5;border:1px solid #05966940;border-radius:8px;color:#059669;display:flex;font-size:13.5px;font-weight:600;gap:10px;margin-bottom:20px;padding:12px 18px}.appt-kpi-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.appt-kpi-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;padding:16px 20px}.soft-orange .kpi-icon{background:#fff7ed;color:#ea580c}.soft-blue .kpi-icon{background:#eff6ff;color:#2563eb}.soft-green .kpi-icon{background:#ecfdf5;color:#059669}.kpi-label{color:#64748b;font-size:12px;font-weight:600}.kpi-value{color:#0f172a;font-size:22px;font-weight:700}.appt-controls-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:14px 18px}.appointments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.appt-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 15px #00000008;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.appt-card:hover{box-shadow:0 10px 25px #00000012;transform:translateY(-1px)}.appt-card.status-pending{border-left:4px solid #f59e0b}.appt-card.status-confirmed{border-left:4px solid #10b981}.appt-card.status-completed{border-left:4px solid #3b82f6}.appt-card.status-cancelled{border-left:4px solid #94a3b8;opacity:.85}.appt-card-top{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:14px 16px}.appt-type-badge{color:#475569;font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.appt-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:4px 10px}.badge-pending{background:#fffbeb;color:#d97706}.badge-confirmed{background:#ecfdf5;color:#059669}.badge-completed{background:#eff6ff;color:#2563eb}.badge-cancelled{background:#f1f5f9;color:#64748b}.appt-time-banner{align-items:center;background:#fff7ed;color:#9a3412;display:flex;font-size:13.5px;font-weight:700;gap:10px;padding:12px 16px}.time-icon{color:#ea580c;font-size:16px}.appt-card-details{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.appt-detail-row{align-items:center;display:flex;gap:12px}.pet-avatar-small{align-items:center;background:#f1f5f9;border-radius:8px;color:#94a3b8;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;overflow:hidden;width:44px}.pet-avatar-small img{height:100%;object-fit:cover;width:100%}.appt-pet-info{display:flex;flex-direction:column}.appt-pet-label{color:#94a3b8;font-size:11px;font-weight:600}.appt-pet-name{color:#0f172a;font-size:15px}.appt-pet-info small{color:#64748b;font-size:11.5px}.appt-adopter-info-box{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.adopter-info-line{align-items:center;color:#334155;display:flex;font-size:12.5px;gap:8px}.line-icon{color:#94a3b8;flex-shrink:0;font-size:14px}.appt-shelter-box{align-items:flex-start;color:#475569;display:flex;font-size:12px;gap:8px}.shelter-icon{color:#ea580c;flex-shrink:0;margin-top:2px}.shelter-name{color:#1e293b;display:block;font-weight:600}.shelter-addr{color:#64748b;font-size:11px}.appt-notes-box{background:#fffbeb;border:1px dashed #fcd34d;border-radius:8px;font-size:11.5px;padding:8px 12px}.notes-title{color:#92400e;display:block;font-weight:700;margin-bottom:2px}.appt-notes-box p{color:#78350f;margin:0}.appt-card-footer{align-items:center;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:space-between;padding:12px 16px}.btn-details{background:none;border:none;color:#64748b;cursor:pointer;font-size:12.5px;font-weight:600;padding:0}.btn-details:hover{color:#0f172a;text-decoration:underline}.action-btns{display:flex;gap:6px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .15s ease}.btn-action.confirm{background:#10b981;color:#fff}.btn-action.confirm:hover{background:#059669}.btn-action.complete{background:#3b82f6;color:#fff}.btn-action.complete:hover{background:#2563eb}.btn-action.cancel{background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}.btn-action.cancel:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.appt-action-modal,.appt-detail-modal{animation:modalScaleUp .25s ease;background:#fff;border-radius:8px;box-shadow:0 20px 50px #0003;max-width:520px;overflow:hidden;width:100%}.modal-body{padding:20px 24px}.modal-desc{color:#334155;font-size:14px;line-height:1.5;margin:0 0 16px}.detail-modal-body{display:flex;flex-direction:column;gap:16px;max-height:75vh;overflow-y:auto;padding:20px 24px}.detail-status-banner{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.sub-label{color:#64748b;display:block;font-size:11px;font-weight:600;margin-bottom:2px}.bold-type{color:#0f172a;font-size:13.5px;font-weight:700}.detail-section h4{color:#ff6b35;font-size:12px;font-weight:700;letter-spacing:.4px;margin:0 0 8px;text-transform:uppercase}.detail-grid{grid-gap:12px;background:#f8fafc;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:12px}.detail-item{display:flex;flex-direction:column}.detail-label{color:#94a3b8;font-size:11px;font-weight:600}.detail-value{color:#1e293b;font-size:13px}.detail-item small{color:#64748b;font-size:11px}.detail-pet-card{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;padding:12px}.detail-pet-img{border-radius:8px;height:50px;object-fit:cover;width:50px}.detail-notes-text{background:#fffbeb;border:1px dashed #fcd34d;border-radius:8px;color:#78350f;font-size:13px;margin:0;padding:10px 14px}.btn-confirm-action{background:#10b981}.btn-complete-action,.btn-confirm-action{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px}.btn-complete-action{background:#3b82f6}.btn-cancel-action{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px}.community-posts{background:#fff;border:1px solid #fffc;border-radius:8px;box-shadow:0 15px 40px #00000014,inset 0 1px 0 #fff9;padding:30px;position:relative}.posts-header-area{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.community-posts h2{border-bottom:none;color:#2b2623;font-size:24px;font-weight:800;margin-bottom:6px;margin-top:0;padding-bottom:0}.community-posts .section-subtitle{border-bottom:2px solid #ff6b35;color:#7a726c;display:inline-block;font-size:14px;margin-bottom:0;margin-top:0;padding-bottom:12px}.posts-header-actions{align-items:center;display:flex;gap:12px}.refresh-btn:disabled{cursor:not-allowed;opacity:.65}.posts-toast{align-items:center;animation:slideInDown .3s ease forwards;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;position:absolute;right:30px;top:25px;z-index:100}.posts-toast.toast-success{background:#27ae60;color:#fff}.posts-toast.toast-error{background:#e74c3c;color:#fff}.controls{gap:16px;margin-top:20px}.search-box{flex:1 1;min-width:260px}.search-input-wrapper input{background:#fff;border:1px solid #e3ded9;border-radius:8px;color:#333;font-size:14px;outline:none;padding:12px 40px;transition:all .25s ease;width:100%}.search-input-wrapper input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526}.clear-search-btn{padding:4px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{align-items:center;background:#fbf9f6;border:1px solid #e8e3dd;border-radius:8px;color:#6a625b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.filter-chip:hover{background:#f0ebe4;border-color:#d8d0c7}.filter-chip.active{background:#ff6b35;border-color:#ff6b35;box-shadow:0 4px 12px #ff6b3540;color:#fff}.posts-summary-ribbon{grid-gap:16px;background:#faf7f4;border:1px solid #0000000a;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px;padding:16px 20px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{color:#887e75;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.summary-val{color:#2b2623;font-size:20px;font-weight:800}.summary-val.pinned-color{color:#e67e22}.summary-val.media-color{color:#3498db}.summary-val.likes-color{color:#e74c3c}.posts-cards-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:24px}.post-feed-card{background:#fff;border:1px solid #ebe5df;border-radius:8px;box-shadow:0 4px 18px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.post-feed-card:hover{border-color:#ffd4c2;box-shadow:0 10px 28px #00000014;transform:translateY(-1px)}.post-feed-card.is-pinned-card{border-top:3px solid #ff6b35}.pinned-badge-banner{background:#fff3eb;border-bottom:1px solid #ff6b3526;color:#d35400;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.post-card-header{align-items:center;display:flex;gap:12px;padding:16px 18px 12px}.author-avatar{align-items:center;background:#ff6b35;border-radius:8px;box-shadow:0 3px 8px #ff6b3540;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:42px;justify-content:center;width:42px}.author-meta{flex:1 1;min-width:0}.author-name{color:#2b2623;font-size:14px;font-weight:700;margin:0}.author-name,.author-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-sub{color:#8c8279;font-size:11px;margin:2px 0 0}.post-date-tag{align-items:center;color:#9e958d;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px}.pet-tag-banner{background:#f2f7f4;border-left:3px solid #27ae60;border-radius:8px;color:#2e7d32;font-size:12px;margin:0 18px 10px;padding:6px 12px}.post-card-content{flex:1 1;padding:0 18px 14px}.post-card-content p{color:#4a443e;font-size:13.5px;line-height:1.55;margin:0;white-space:pre-line}.post-card-media-wrapper{background:#f0ede9;cursor:pointer;max-height:220px;overflow:hidden;position:relative;width:100%}.post-media-img{display:block;height:200px;object-fit:cover;transition:transform .35s ease;width:100%}.post-card-media-wrapper:hover .post-media-img{transform:scale(1.04)}.media-zoom-hint{align-items:center;background:#000000a6;border-radius:6px;bottom:8px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;position:absolute;right:8px}.post-card-footer{align-items:center;background:#faf8f5;border-top:1px solid #f0eae4;display:flex;justify-content:space-between;padding:12px 18px}.like-counter{align-items:center;color:#59524b;display:flex;font-size:13px;font-weight:700;gap:6px}.heart-icon.filled{color:#e74c3c}.post-action-buttons{display:flex;gap:8px}.post-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:4px;padding:6px 12px;transition:all .2s ease}.pin-action{background:#fff0e8;color:#d35400}.pin-action:hover{background:#ffe3d3}.pin-action.pinned-active{background:#ff6b35;color:#fff}.delete-action{background:#feecea;color:#c0392b}.delete-action:hover{background:#fdd5d2}.status-pill{border-radius:8px;display:inline-block;font-size:11px;font-weight:700;padding:4px 10px}.status-approved{background:#ffebe0;color:#d35400}.status-withdrawn{background:#f0ede9;color:#7a726c}.actions{display:flex;gap:8px}.status-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 10px;transition:all .2s ease}.lightbox-backdrop,.status-btn{align-items:center;display:flex;justify-content:center}.lightbox-backdrop{background:#000000d1;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.lightbox-modal{animation:zoomIn .25s ease forwards;background:#fff;border-radius:8px;box-shadow:0 20px 60px #00000059;max-width:650px;overflow:hidden;position:relative;width:100%}.lightbox-close-btn{align-items:center;background:#000000a6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s;width:34px;z-index:10}.lightbox-close-btn:hover{background:#000000e6}.lightbox-image{background:#111;display:block;max-height:440px;object-fit:contain;width:100%}.lightbox-info{background:#fff;padding:16px 20px}.lightbox-author{color:#6a625b;font-size:13px;margin:0 0 6px}.lightbox-caption{color:#2b2623;font-size:14px;line-height:1.5;margin:0}.user-modal-backdrop{align-items:center;background:#0000008c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999}.delete-confirm-card{animation:zoomIn .2s ease forwards;background:#fff;border-radius:8px;box-shadow:0 20px 50px #0003;max-width:440px;padding:30px;text-align:center;width:100%}.delete-icon-wrapper{align-items:center;background:#feecea;border-radius:50%;color:#e74c3c;display:flex;font-size:28px;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.delete-confirm-card h3{color:#2b2623;font-size:20px;font-weight:800;margin:0 0 8px}.delete-confirm-card p{color:#706861;font-size:13.5px;line-height:1.55;margin:0 0 16px}.post-preview-snippet{background:#faf7f4;border-left:3px solid #ff6b35;border-radius:8px;color:#59524b;font-size:12.5px;margin-bottom:22px;padding:10px 14px;text-align:left}.delete-modal-actions{display:flex;gap:12px}.delete-modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px;transition:all .2s ease}.cancel-btn{background:#f0ebe4;color:#6a625b}.cancel-btn:hover{background:#e5ded5}.confirm-delete-btn{background:#e74c3c;color:#fff}.confirm-delete-btn:hover:not(:disabled){background:#c0392b}.loading-state-card,.no-posts-card{background:#fff;border:1px dashed #e3ded8;border-radius:8px;padding:60px 30px;text-align:center}.large-spinner{color:#ff6b35;font-size:32px;margin-bottom:12px}.empty-icon{color:#c9bfb5;font-size:42px;margin-bottom:12px}.no-posts-card h3{color:#3d3630;font-size:18px;margin:0 0 6px}.no-posts-card p{color:#8c8279;font-size:13.5px;margin:0}.create-post-header-btn{align-items:center;background:#27ae60;border:none;border-radius:8px;box-shadow:0 4px 14px #27ae6040;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 18px;transition:all .25s ease}.create-post-header-btn:hover{box-shadow:0 8px 20px #27ae6059;transform:translateY(-1px)}.create-post-modal-card{animation:zoomIn .2s ease forwards;background:#fff;border-radius:8px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:580px;overflow-y:auto;padding:28px;width:100%}.create-modal-header{align-items:flex-start;border-bottom:1px solid #f0eae4;display:flex;justify-content:space-between;margin-bottom:22px;padding-bottom:16px}.create-modal-title-wrap{align-items:center;display:flex;gap:14px}.create-modal-icon{align-items:center;background:#eafaf1;border-radius:8px;color:#27ae60;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.create-modal-title-wrap h3{color:#2b2623;font-size:18px;font-weight:800;margin:0 0 4px}.create-modal-title-wrap .modal-subtitle{color:#7a726c;font-size:12.5px;line-height:1.4;margin:0}.create-modal-close-btn{align-items:center;background:#f5f1ec;border:none;border-radius:50%;color:#7a726c;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.create-modal-close-btn:hover{background:#ebe5df;color:#2b2623}.create-post-form .form-group{display:flex;flex-direction:column;margin-bottom:18px;position:relative}.create-post-form label{color:#443c36;font-size:13px;font-weight:700;margin-bottom:8px}.create-post-form input[type=text],.create-post-form input[type=url],.create-post-form select,.create-post-form textarea{background:#faf8f5;border:1px solid #dfd8d1;border-radius:8px;box-sizing:border-box;color:#2b2623;font-family:inherit;font-size:13.5px;outline:none;padding:12px 14px;transition:all .25s ease;width:100%}.create-post-form input:focus,.create-post-form select:focus,.create-post-form textarea:focus{background:#fff;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351f}.create-post-form .char-counter{color:#a09890;font-size:11px;margin-top:4px;text-align:right}.create-modal-preview-box{background:#f0ebe4;border:1px solid #e0d8cf;border-radius:8px;margin-top:10px;max-height:180px;overflow:hidden}.create-modal-preview-box img{display:block;height:180px;object-fit:cover;width:100%}.form-group-checkbox{background:#fff8f4;border:1px solid #ffd4c2;border-radius:8px;margin-bottom:22px;padding:12px 16px}.checkbox-container{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{accent-color:#ff6b35;cursor:pointer;height:18px;width:18px}.checkbox-text{align-items:center;color:#d35400;display:flex;font-size:13px;font-weight:700;gap:6px}.create-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.create-modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;padding:12px 22px;transition:all .25s ease}.publish-submit-btn{background:#ff6b35;box-shadow:0 4px 14px #ff6b3540;color:#fff}.publish-submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #ff6b3559;transform:translateY(-1px)}.publish-submit-btn:disabled{cursor:not-allowed;opacity:.65}.interaction-counters{align-items:center;display:flex;gap:12px}.comment-counter-btn{align-items:center;background:#f4efe9;border:1px solid #e2dad1;border-radius:8px;color:#5d534b;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:6px 12px;transition:all .2s ease}.comment-counter-btn:hover{background:#eae2d8;color:#2b2623}.comment-counter-btn.has-comments{background:#eef5ff;border-color:#cfe2ff;color:#1971c2}.comment-counter-btn.has-comments:hover{background:#dbeaff}.comment-icon{font-size:13px}.comments-color{color:#1971c2!important}.comments-floating-modal{animation:zoomIn .22s cubic-bezier(.16,1,.3,1) forwards;background:#fff;border:1px solid #ebd9cb;border-radius:8px;box-shadow:0 25px 65px #00000040;display:flex;flex-direction:column;max-height:88vh;max-width:660px;overflow:hidden;width:100%}.comments-floating-header{align-items:center;background:#fff;border-bottom:1px solid #f0e9e2;display:flex;justify-content:space-between;padding:22px 26px 18px}.comments-header-left{align-items:center;display:flex;gap:14px}.comments-header-icon{align-items:center;background:#fff0e8;border-radius:8px;color:#ff6b35;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.comments-header-left h3{color:#2b2623;font-size:19px;font-weight:800;margin:0}.comments-header-sub{color:#7a726c;font-size:12.5px;margin:4px 0 0}.comments-close-btn{align-items:center;background:#faf8f5;border:1px solid #ebe5df;border-radius:50%;color:#7a726c;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.comments-close-btn:hover{background:#feecea;border-color:#fcd5d1;color:#e74c3c;transform:rotate(90deg)}.comments-post-context{background:#fbf9f6;border-bottom:1px solid #f0e9e2;padding:14px 26px}.context-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.context-author-badge{color:#5a524b;font-size:12px}.context-author-badge strong{color:#2b2623}.context-pet-badge{align-items:center;background:#eafaf1;border-radius:8px;color:#27ae60;display:inline-flex;font-size:11.5px;font-weight:700;gap:4px;padding:2px 8px}.context-date{color:#9c9288;font-size:11.5px;margin-left:auto}.context-content-preview{background:#fff;border:1px solid #eee8e0;border-radius:8px;color:#433c35;font-size:13.5px;font-style:italic;line-height:1.45;padding:8px 12px}.comments-floating-list{background:#fdfcfb;display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:420px;min-height:180px;overflow-y:auto;padding:20px 26px}.floating-comment-bubble{align-items:flex-start;background:#fff;border:1px solid #ece5de;border-radius:8px;box-shadow:0 2px 8px #00000008;display:flex;gap:14px;padding:14px 18px;transition:all .2s ease}.floating-comment-bubble:hover{border-color:#ffd8c7;box-shadow:0 4px 14px #0000000d}.floating-author-avatar{align-items:center;background:#ff6b35;border-radius:50%;box-shadow:0 4px 10px #ff6b3540;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:38px;justify-content:center;width:38px}.floating-comment-body{flex:1 1}.floating-comment-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.floating-author-name{color:#2b2623;font-size:13.5px;font-weight:800}.floating-author-email{color:#8c8279;font-size:12px}.floating-comment-timestamp{color:#a89f96;font-size:11px;margin-left:auto}.floating-comment-text{color:#332d27;font-size:13.5px;line-height:1.5;margin:0;word-break:break-word}.floating-delete-btn{align-items:center;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#e53e3e;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:700;gap:4px;padding:6px 12px;transition:all .2s}.floating-delete-btn:hover{background:#e53e3e;border-color:#e53e3e;color:#fff;transform:translateY(-1px)}.no-comments-floating-state{color:#7a726c;padding:44px 20px;text-align:center}.empty-floating-icon{color:#d0c7bd;display:block;font-size:42px;margin:0 auto 12px}.no-comments-floating-state h4{color:#2b2623;font-size:16px;font-weight:800;margin:0 0 6px}.no-comments-floating-state p{color:#8c8279;font-size:13px;margin:0}.comments-floating-footer{align-items:center;background:#faf7f4;border-top:1px solid #f0e9e2;display:flex;gap:12px;padding:18px 26px}.comments-floating-footer input{background:#fff;border:1.5px solid #dcd4cc;border-radius:8px;color:#2b2623;flex:1 1;font-size:13.5px;outline:none;padding:12px 16px;transition:all .2s}.comments-floating-footer input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526}.floating-reply-btn{align-items:center;background:#ff6b35;border:none;border-radius:8px;box-shadow:0 4px 14px #ff6b354d;color:#fff;cursor:pointer;display:flex;font-size:13.5px;font-weight:700;gap:8px;padding:12px 22px;transition:all .2s ease;white-space:nowrap}.floating-reply-btn:hover:not(:disabled){box-shadow:0 6px 18px #ff6b3566;transform:translateY(-1px)}.floating-reply-btn:disabled{cursor:not-allowed;opacity:.6}.notifications{background:#fff;border:1px solid #fffc;border-radius:8px;box-shadow:0 15px 40px #00000014,inset 0 1px 0 #fff9;padding:30px;position:relative}.notifications-header-area{margin-bottom:24px}.notifications h2{border-bottom:none;color:#2b2623;font-size:24px;font-weight:800;margin-bottom:6px;margin-top:0;padding-bottom:0}.notifications .section-subtitle{border-bottom:2px solid #ff6b35;color:#7a726c;display:inline-block;font-size:14px;margin-bottom:0;margin-top:0;padding-bottom:12px}.notifications-toast{align-items:center;animation:slideInDown .3s ease forwards;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;position:absolute;right:30px;top:25px;z-index:100}.notifications-toast.toast-success{background:#27ae60;color:#fff}.notifications-toast.toast-error{background:#e74c3c;color:#fff}.notifications-split-grid{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1.25fr 1fr;margin-bottom:36px;margin-top:22px}@media (max-width:1080px){.notifications-split-grid{grid-template-columns:1fr}}.composer-card{background:#fff;border:1px solid #ebe5df;border-radius:8px;box-shadow:0 4px 18px #0000000a;padding:26px}.composer-header h3{align-items:center;color:#2b2623;display:flex;font-size:18px;font-weight:800;gap:8px;margin:0 0 4px}.composer-header p{color:#8c8279;font-size:12.5px;margin:0 0 18px}.presets-bar{background:#faf7f4;border:1px solid #f0ebe5;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:12px 14px}.presets-label{align-items:center;color:#706861;display:flex;font-size:12px;font-weight:700;gap:4px}.presets-chips{display:flex;flex-wrap:wrap;gap:8px}.preset-chip{background:#fff;border:1px solid #e5ded7;border-radius:8px;color:#4a443e;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.preset-chip:hover{background:#fff3ec;border-color:#ff6b35;color:#ff6b35;transform:translateY(-1px)}.broadcast-form{gap:18px}.broadcast-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px;position:relative}.form-group label{color:#443e39;font-size:13px;font-weight:700}.audience-toggle-group{display:flex;flex-wrap:wrap;gap:8px}.audience-pill{background:#faf7f4;border:1px solid #e3ded8;border-radius:8px;color:#6a625b;cursor:pointer;font-size:12.5px;font-weight:600;padding:8px 14px;transition:all .2s ease}.audience-pill:hover{background:#f0eae3}.audience-pill.active{background:#ff6b35;border-color:#ff6b35;box-shadow:0 4px 10px #ff6b3540;color:#fff}.form-group input,.form-group textarea{background:#faf8f5;border:1px solid #e3ded9;border-radius:8px;color:#2b2623;font-family:inherit;font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526}.input-char-count{align-self:flex-end;color:#a89f97;font-size:11px;margin-top:2px}.send-btn{align-items:center;background:#ff6b35;border:none;border-radius:8px;box-shadow:0 6px 15px #ff6b3540;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease;width:100%}.send-btn:hover:not(:disabled){box-shadow:0 10px 22px #ff6b3559;transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.65}.preview-column{align-items:center;display:flex;flex-direction:column}.preview-label-tag{align-items:center;color:#706861;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.4px;margin-bottom:12px;text-transform:uppercase}.phone-mockup-wrapper{align-items:center;display:flex;flex-direction:column;max-width:340px;width:100%}.phone-frame{background:#fdfbf9;border:10px solid #2b2623;border-radius:36px;box-shadow:0 20px 50px #00000026,inset 0 0 0 2px #fff3;display:flex;flex-direction:column;height:560px;overflow:hidden;position:relative;width:320px}.phone-status-bar{align-items:center;background:#fff;color:#333;display:flex;font-size:11px;font-weight:700;height:30px;justify-content:space-between;padding:0 16px}.phone-status-icons{display:flex;font-size:10px;gap:4px}.phone-app-bar{background:#fff;border-bottom:1px solid #f0ebe5;justify-content:space-between;padding:10px 16px}.app-brand,.phone-app-bar{align-items:center;display:flex}.app-brand{gap:6px}.app-paw{color:#ff6b35;display:flex;font-size:18px}.app-name{color:#2b2623;font-size:14px;font-weight:800}.phone-bell-icon{color:#666;font-size:16px;position:relative}.bell-badge{align-items:center;background:#ff6b35;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:800;height:14px;justify-content:center;position:absolute;right:-6px;top:-4px;width:14px}.phone-screen-body{background:#f7f4ef;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:14px}.phone-section-title{align-items:center;color:#4a443e;display:flex;font-size:12px;font-weight:800;justify-content:space-between;margin-bottom:2px}.phone-section-title small{color:#9e958d;font-weight:600}.phone-notification-card{animation:pulseIn .3s ease;background:#fff;border-left:4px solid #ff6b35;border-radius:8px;box-shadow:0 4px 14px #0000000d;display:flex;flex-direction:column;gap:6px;padding:14px}@keyframes pulseIn{0%{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.card-top-row{gap:8px}.app-micro-icon,.card-top-row{align-items:center;display:flex}.app-micro-icon{background:#fff0e8;border-radius:6px;color:#ff6b35;flex-shrink:0;font-size:12px;height:22px;justify-content:center;width:22px}.notif-header-text{display:flex;font-size:10.5px;justify-content:space-between;width:100%}.notif-sender{color:#5a524b;font-weight:700}.notif-time{color:#999}.notif-audience-badge{align-self:flex-start;background:#fbf5ee;border-radius:6px;color:#c95618;display:inline-block;font-size:10px;font-weight:700;padding:2px 8px}.notif-title{color:#2b2623;font-size:12.5px;font-weight:800;line-height:1.35;margin:0}.notif-body{color:#554e48;font-size:11.5px;line-height:1.45;margin:0;white-space:pre-line}.notif-footer-hint{align-items:center;border-top:1px dashed #f0ece7;color:#ff6b35;display:flex;font-size:10px;font-weight:700;justify-content:space-between;margin-top:4px;padding-top:6px}.dim-card{border-left-color:#ddd;opacity:.7}.dim-icon{background:#eee;color:#888}.dim-title{color:#666;font-weight:600}.dim-body{color:#888}.phone-bottom-nav{align-items:center;background:#fff;display:flex;height:20px;justify-content:center}.nav-home-indicator{background:#444;border-radius:4px;height:4px;width:90px}.recent-announcements{background:#fff;border:1px solid #ebe5df;border-radius:8px;box-shadow:0 4px 18px #0000000a;padding:24px}.announcements-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.announcements-header h3{color:#2b2623;font-size:18px;font-weight:800;margin:0 0 4px}.history-subtext{color:#8a8077;font-size:12.5px;margin:0}.history-controls{align-items:center;display:flex;gap:12px}.history-filter-chips{display:flex;gap:6px}.hist-chip{background:#faf8f5;border:1px solid #e3ded8;border-radius:8px;color:#6a625b;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.hist-chip.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.announcement-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.announcement-card-item{background:#faf7f4;border:1px solid #eee7df;border-radius:8px;display:flex;flex-direction:column;padding:18px;transition:all .2s ease}.announcement-card-item:hover{background:#fff;border-color:#ffd8c7;box-shadow:0 6px 20px #0000000d;transform:translateY(-1px)}.announcement-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.audience-tag{border-radius:6px;font-size:11px;font-weight:700;padding:4px 8px}.audience-all{background:#eef5ff;color:#2a7ade}.audience-adopters{background:#fff0e8;color:#ff6b35}.audience-staff{background:#f4effa;color:#8e44ad}.announcement-date{color:#999;font-size:11px}.announcement-title{color:#2b2623;font-size:14.5px;font-weight:800;line-height:1.35;margin:0 0 8px}.announcement-body{color:#554e48;flex:1 1;font-size:12.5px;line-height:1.5;margin:0 0 16px;white-space:pre-line}.announcement-card-footer{align-items:center;border-top:1px solid #eee8e0;color:#8c8279;display:flex;font-size:11.5px;justify-content:space-between;padding-top:10px}.delete-announcement-btn{align-items:center;background:#feecea;border:none;border-radius:6px;color:#c0392b;cursor:pointer;display:flex;font-size:11.5px;font-weight:700;gap:4px;padding:4px 10px;transition:all .2s ease}.delete-announcement-btn:hover{background:#fdd5d2}.loading-state-box,.no-announcements{background:#faf7f4;border:1px dashed #e5ded8;border-radius:8px;padding:50px 30px;text-align:center}.empty-bell-icon{color:#c4bbb0;font-size:38px;margin-bottom:8px}.no-announcements h4{color:#4a443e;font-size:16px;margin:0 0 4px}.no-announcements p{color:#8c8279;font-size:13px;margin:0}.item-preview-quote{background:#faf7f4;border-left:3px solid #e74c3c;border-radius:8px;color:#333;font-size:13px;margin-bottom:20px;padding:10px 14px;text-align:left}.reports{background:#fff;border:1px solid #fffc;border-radius:8px;box-shadow:0 15px 40px #00000014,inset 0 1px 0 #fff9;padding:30px;position:relative}.reports-header-area{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.reports h2{border-bottom:none;color:#2b2623;font-size:24px;font-weight:800;margin-bottom:6px;margin-top:0;padding-bottom:0}.reports .section-subtitle{border-bottom:2px solid #ff6b35;color:#7a726c;display:inline-block;font-size:14px;margin-bottom:0;margin-top:0;padding-bottom:12px}.reports-header-actions{align-items:center;display:flex;gap:12px}.export-csv-btn{align-items:center;background:#27ae60;border:none;border-radius:8px;box-shadow:0 6px 15px #27ae6040;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 20px;transition:all .3s ease}.export-csv-btn:hover:not(:disabled){background:#219653;box-shadow:0 10px 22px #27ae6059;transform:translateY(-1px)}.export-csv-btn:disabled,.refresh-btn:disabled{cursor:not-allowed;opacity:.65}.reports-toast{align-items:center;animation:slideInDown .3s ease forwards;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;position:absolute;right:30px;top:25px;z-index:100}.reports-toast.toast-success{background:#27ae60;color:#fff}.reports-toast.toast-error{background:#e74c3c;color:#fff}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px;margin-top:16px}.stat-card{align-items:flex-start;background:#fff;border:1px solid #ebe5df;border-radius:8px;box-shadow:0 4px 18px #0000000a;display:flex;gap:16px;padding:22px;transition:all .25s ease}.stat-card:hover{border-color:#ffd8c7;box-shadow:0 10px 26px #00000012;transform:translateY(-1px)}.stat-icon-badge{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.icon-users{background:#eef5ff;color:#2a7ade}.icon-pets{background:#eafaf1;color:#27ae60}.icon-apps{background:#fff2ea;color:#ff6b35}.icon-pending{background:#fff8e7;color:#f39c12}.icon-posts{background:#e8f8f5;color:#16a085}.stat-card-details{flex:1 1}.stat-label{color:#8a8077;display:block;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.stat-number{color:#2b2623;font-size:28px;font-weight:800;margin:4px 0 6px}.stat-subtext{color:#6a625b;font-size:12px;margin:0}.text-green{color:#27ae60}.text-blue{color:#2980b9}.text-red{color:#e74c3c}.visual-reports-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin-bottom:30px}.visual-card{background:#fff;border:1px solid #ebe5df;border-radius:8px;box-shadow:0 4px 18px #0000000a;padding:24px}.card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:18px}.card-top h4{color:#2b2623;font-size:16px;font-weight:800;margin:0 0 4px}.card-top p{color:#857b72;font-size:12px;margin:0}.ratio-highlight{background:#f0f7f3;border-radius:8px;color:#27ae60;flex-shrink:0;font-size:12px;font-weight:800;padding:4px 10px}.multi-ratio-bar{background:#f0ece7;border-radius:8px;box-shadow:inset 0 2px 4px #0000000f;display:flex;height:20px;margin-bottom:16px;overflow:hidden}.ratio-segment{height:100%;transition:width .4s ease}.segment-available{background:#27ae60}.segment-adopted{background:#2980b9}.segment-pending{background:#f39c12}.segment-review{background:#3498db}.segment-approved{background:#27ae60}.segment-rejected{background:#e74c3c}.ratio-legend{color:#554e48;display:flex;flex-direction:column;font-size:12.5px;gap:8px}.funnel-legend{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.legend-item{align-items:center;display:flex;gap:8px}.legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.dot-available{background:#27ae60}.dot-adopted{background:#2980b9}.dot-pending{background:#f39c12}.dot-review{background:#3498db}.dot-approved{background:#27ae60}.dot-rejected{background:#e74c3c}.records-section{background:#fff;border:1px solid #ebe5df;border-radius:8px;box-shadow:0 4px 18px #0000000a;padding:24px}.records-header{margin-bottom:20px}.records-header h3{border-bottom:none;color:#2b2623;font-size:18px;font-weight:800;margin:0 0 4px;padding-bottom:0}.records-sub{color:#857b72;font-size:13px;margin:0}.metrics-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-item{align-items:flex-start;background:#fbf9f6;border:1px solid #eee7e0;border-radius:8px;display:flex;gap:14px;padding:18px;transition:all .2s ease}.metric-item:hover{background:#f7f2ec}.metric-icon-badge{align-items:center;background:#fff0e8;border-radius:8px;color:#ff6b35;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.metric-info{flex:1 1}.metric-info label{color:#7a7067;display:block;font-size:12px;font-weight:700}.metric-value{color:#2b2623;font-size:24px;font-weight:800;margin:4px 0}.metric-info small{color:#948b82;display:block;font-size:11px;line-height:1.35}.export-apps-btn{background:#2563eb;box-shadow:0 6px 15px #2563eb40}.export-apps-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 10px 22px #2563eb59}.export-pets-btn{background:#0284c7;box-shadow:0 6px 15px #0284c740}.export-pets-btn:hover:not(:disabled){background:#0369a1;box-shadow:0 10px 22px #0284c759}.print-btn{align-items:center;background:#475569;border:none;border-radius:8px;box-shadow:0 6px 15px #47556940;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 18px;transition:all .3s ease}.print-btn:hover{background:#334155;box-shadow:0 10px 22px #47556959;transform:translateY(-1px)}@media print{body{background:#fff!important}.export-csv-btn,.print-btn,.refresh-btn,.reports-header-actions,.sidebar,header{display:none!important}.reports{border:none!important;padding:0!important}.reports,.stat-card{box-shadow:none!important}.stat-card{border:1px solid #ddd!important;break-inside:avoid;page-break-inside:avoid}}.system-logs-container{background:#fff;border:1px solid #fffc;border-radius:8px;box-shadow:0 15px 40px #00000014,inset 0 1px 0 #fff9;padding:30px;position:relative}.logs-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.logs-header h2{border-bottom:none;color:#2b2623;font-size:24px;font-weight:800;margin:0 0 6px;padding-bottom:0}.system-logs-container .section-subtitle{border-bottom:2px solid #ff6b35;color:#7a726c;display:inline-block;font-size:14px;margin-bottom:0;margin-top:0;padding-bottom:12px}.logs-header-actions{align-items:center;display:flex;gap:12px}.export-logs-btn{align-items:center;background:#27ae60;border:none;border-radius:8px;box-shadow:0 6px 15px #27ae6040;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 18px;transition:all .3s ease}.export-logs-btn:hover:not(:disabled){background:#219653;box-shadow:0 10px 22px #27ae6059;transform:translateY(-1px)}.export-logs-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn{align-items:center;background:#ff6b35;border:none;border-radius:8px;box-shadow:0 6px 15px #ff6b3540;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){box-shadow:0 10px 22px #ff6b3559;transform:translateY(-1px)}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logs-toast{align-items:center;animation:slideInDown .3s ease forwards;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;position:absolute;right:30px;top:25px;z-index:100}.logs-toast.toast-success{background:#27ae60;color:#fff}.logs-toast.toast-error{background:#e74c3c;color:#fff}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logs-kpi-ribbon{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;margin-top:20px}.kpi-item{background:#fff;border:1px solid #ebe5df;border-radius:8px;box-shadow:0 4px 14px #00000008;gap:14px;padding:18px}.kpi-icon,.kpi-item{align-items:center;display:flex}.kpi-icon{border-radius:8px;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.icon-events{background:#eef5ff;color:#2a7ade}.icon-actors{background:#fff0e8;color:#ff6b35}.icon-mod{background:#fbf0ea;color:#d35400}.icon-status{background:#eafaf1;color:#27ae60}.kpi-label{color:#8c8279;display:block;font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.kpi-value{color:#2b2623;display:block;font-size:20px;font-weight:800;margin-top:2px}.status-good{color:#27ae60}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}.search-input-wrapper{align-items:center;display:flex;flex:1 1;min-width:260px;position:relative}.search-input-wrapper .search-icon{color:#a09890;font-size:16px;left:14px;position:absolute}.search-input{background:#fff;border:1px solid #e3ded9;border-radius:8px;color:#333;font-size:13.5px;outline:none;padding:12px 40px;transition:all .25s ease;width:100%}.search-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526}.clear-search-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:16px;position:absolute;right:12px}.category-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.cat-chip{background:#faf8f5;border:1px solid #e5ded7;border-radius:8px;color:#6a625b;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .2s ease}.cat-chip:hover{background:#f0ebe4}.cat-chip.active{background:#ff6b35;border-color:#ff6b35;box-shadow:0 3px 8px #ff6b3533;color:#fff}.logs-table-card{background:#fff;border:1px solid #ebe5df;border-radius:8px;box-shadow:0 4px 18px #0000000a;margin-bottom:20px;overflow-x:auto}.logs-table{border-collapse:collapse;font-size:13px;width:100%}.logs-table thead{background:#f6f3ef;border-bottom:1px solid #e5ded7}.logs-table th{color:#6a625b;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.logs-table td{border-bottom:1px solid #f2ece6;color:#443e39;padding:12px 16px;vertical-align:middle}.logs-table tbody tr:hover{background:#faf7f4}.log-time{align-items:center;color:#666;display:flex;font-size:12px;gap:6px;white-space:nowrap}.cell-icon{color:#ff6b35;font-size:14px}.action-pill{border-radius:8px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.action-insert{background:#eafaf1;color:#27ae60}.action-update{background:#eef5ff;color:#2980b9}.action-delete{background:#feecea;color:#c0392b}.action-auth{background:#fbf0ea;color:#d35400}.action-default{background:#f0ede9;color:#7a726c}.entity-id-sub{color:#888;display:block;font-size:11px}.actor-cell{align-items:center;display:flex;gap:8px}.muted-text{color:#8c8279;font-size:11px}.details-code{background:#f8f6f4;border:1px solid #e8e2dc;border-radius:6px;color:#475569;display:inline-block;font-family:monospace;font-size:11px;max-width:280px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.inspect-log-btn{align-items:center;background:#fff0e8;border:none;border-radius:8px;color:#ff6b35;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:4px;padding:6px 12px;transition:all .2s ease}.inspect-log-btn:hover{background:#ff6b35;color:#fff}.empty-row{color:#888;padding:50px!important;text-align:center}.empty-icon{color:#c4bbb0;font-size:38px;margin-bottom:8px}.empty-row h4{color:#443e39;font-size:16px;margin:0 0 4px}.empty-row p{color:#8c8279;font-size:13px;margin:0}.inspect-modal-card{animation:zoomIn .2s ease forwards;background:#fff;border-radius:8px;box-shadow:0 20px 60px #00000040;max-width:620px;overflow:hidden;width:100%}@keyframes zoomIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal-header{background:#faf8f5;border-bottom:1px solid #f0eae4;justify-content:space-between;padding:20px 24px}.modal-header,.modal-title-row{align-items:center;display:flex}.modal-title-row{gap:12px}.shield-icon{color:#ff6b35;font-size:28px}.modal-header h3{color:#2b2623;font-size:18px;font-weight:800;margin:0}.log-id-sub{color:#8c8279;font-size:11.5px;margin:2px 0 0}.close-modal-btn{background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:20px;padding:4px}.inspect-modal-body{padding:24px}.inspect-meta-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:20px}.meta-box{background:#faf8f5;border:1px solid #eee8e2;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.meta-label{color:#8c8279;font-size:11px;font-weight:700;text-transform:uppercase}.payload-section{display:flex;flex-direction:column;gap:8px}.payload-header{align-items:center;color:#6a625b;display:flex;font-size:12px;font-weight:700;justify-content:space-between}.copy-payload-btn{align-items:center;background:#f0ebe4;border:none;border-radius:6px;color:#4a443e;cursor:pointer;display:flex;font-size:11.5px;font-weight:600;gap:4px;padding:4px 10px}.copy-payload-btn:hover{background:#e3ded8}.json-pre-viewer{background:#2b2623;border-radius:8px;color:#f7f4f0;font-family:monospace;font-size:12px;line-height:1.45;margin:0;max-height:240px;overflow-y:auto;padding:16px}.modal-footer{background:#faf8f5;border-top:1px solid #f0eae4;display:flex;justify-content:flex-end;padding:16px 24px}.close-btn{background:#f0ebe4;border:none;border-radius:8px;color:#4a443e;cursor:pointer;font-size:13px;font-weight:700;padding:10px 20px;transition:all .2s ease}.close-btn:hover{background:#e4ddd5}.dashboard-container{background:#f4f5f7;color:#333;display:flex;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;overflow:hidden;position:relative}.sidebar-backdrop{background:#14161c8c;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:90}.sidebar-backdrop.active{opacity:1;visibility:visible}.sidebar{background:#fff;border-right:1px solid #0000000f;bottom:0;box-shadow:8px 0 30px #0000000a;display:flex;flex-direction:column;left:0;overflow-y:auto;padding:24px 16px 16px;position:fixed;top:0;transform:translateX(-105%);transition:transform .32s cubic-bezier(.22,1,.36,1);width:280px;z-index:100}.sidebar.open{box-shadow:12px 0 40px #0000002e;transform:translateX(0)}.sidebar-logo{align-items:center;display:flex;gap:12px;margin-bottom:24px;padding:0 6px}.sidebar-app-logo{border-radius:8px;box-shadow:0 4px 14px #ff6b352e;flex-shrink:0;height:44px;object-fit:contain;transition:transform .2s ease;width:44px}.sidebar-app-logo:hover{transform:scale(1.05)}.logo-text-wrap{display:flex;flex-direction:column;min-width:0;overflow:hidden}.logo-text{color:#2b2d31;font-size:17.5px;font-weight:800;letter-spacing:-.3px;line-height:1.2;white-space:nowrap}.logo-subtext{color:#ea580c;font-size:10.5px;font-weight:700;letter-spacing:.6px;margin-top:2px;text-transform:uppercase}.sidebar-close-btn{align-items:center;background:#f7f8fa;border:none;border-radius:8px;color:#55575c;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;margin-left:auto;min-width:40px;transition:all .2s ease;width:40px}.sidebar-close-btn:hover{color:#ff6b35}.sidebar-nav{flex:1 1;gap:20px}.nav-group,.sidebar-nav{display:flex;flex-direction:column}.nav-group{gap:4px}.nav-header{color:#a6a8ad;font-size:11px;font-weight:700;letter-spacing:1.2px;margin-bottom:4px;padding:0 14px;text-transform:uppercase;white-space:nowrap}.menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#55575c;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;min-height:46px;padding:12px 14px;text-align:left;transition:all .25s ease;white-space:nowrap;width:100%}.menu-icon{flex-shrink:0;font-size:18px;text-align:center;width:22px}.menu-item:hover{background:#f3f4f6;color:#ff6b35}.menu-item.active{background:#ff6b35;box-shadow:0 10px 22px #ff6b354d;color:#fff;font-weight:600}.sidebar-footer{margin-top:20px;padding:0 10px}.status-dot{background:#27ae60;border-radius:50%;box-shadow:0 0 0 4px #27ae6033;flex-shrink:0;height:10px;width:10px}.version{color:#b0b2b7;font-size:12px;font-weight:500;margin-top:16px;text-align:center}.copyright{color:#c4c6cb;font-size:11px;margin-top:4px;text-align:center}.collapse-toggle{display:none}.main-area{background:#f4f5f7;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:16px}.topbar{background:#fff;border:1px solid #0000000d;border-radius:8px;box-shadow:0 12px 34px #0000000f,inset 0 1px 0 #fffc;flex-wrap:wrap;gap:14px;padding:18px 20px}.hamburger-btn,.topbar{align-items:center;display:flex}.hamburger-btn{background:#f7f8fa;border:1px solid #0000000f;border-radius:8px;color:#55575c;cursor:pointer;font-size:20px;height:46px;justify-content:center;min-width:46px;transition:all .25s ease;width:46px}.hamburger-btn:hover{box-shadow:0 6px 14px #00000014;color:#ff6b35}.greeting{flex:1 1 auto;min-width:0}.greeting h1{color:#2b2d31;font-size:20px;font-weight:800;letter-spacing:-.3px}.greeting p{color:#8a8d93;font-size:12.5px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-area{gap:10px;margin-left:auto;order:3}.avatar,.profile-area{align-items:center;display:flex}.avatar{background:#ff6b35;border-radius:50%;box-shadow:0 6px 14px #ff6b354d;color:#fff;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;min-width:44px;width:44px}.profile-info{display:flex;flex-direction:column;line-height:1.3;min-width:0}.profile-name{color:#2b2d31;font-size:14px;font-weight:700;white-space:nowrap}.profile-title{color:#9a9da3;font-size:11.5px;white-space:nowrap}.dropdown-arrow{color:#9a9da3;flex-shrink:0;font-size:16px}.header-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:18px 2px}.date-icon{color:#ff6b35;flex-shrink:0;font-size:16px}.content-area{flex:1 1;min-width:0}@media (min-width:640px){.main-area,.topbar{padding:20px 24px}.greeting h1{font-size:22px}.search-bar{flex:1 1 45%;order:3}.profile-area{order:2}}@media (min-width:768px){.search-bar{flex:1 1 auto}}@media (min-width:1024px){.sidebar-backdrop{display:none}.sidebar{box-shadow:8px 0 30px #0000000a;height:100vh;position:sticky;top:0;transform:translateX(0);transition:width .28s cubic-bezier(.22,1,.36,1)}.hamburger-btn,.sidebar-close-btn{display:none}.collapse-toggle{align-items:center;background:#f7f8fa;border:1px solid #0000000d;border-radius:8px;color:#55575c;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;margin-top:14px;transition:all .2s ease;width:100%}.collapse-toggle:hover{background:#fff;border-color:#ff6b3540;box-shadow:0 4px 12px #ff6b351a;color:#ff6b35}.collapse-icon{font-size:20px;transition:transform .2s ease}.collapse-toggle:hover .collapse-icon{transform:scale(1.12)}.main-area{padding:28px 32px}.topbar{flex-wrap:nowrap;gap:26px;padding:22px 28px}.greeting{flex:1 1 auto;min-width:240px}.greeting h1{font-size:24px}.greeting p{font-size:13.5px}.search-bar{flex:1 1 40%;max-width:520px}.profile-area{margin-left:0}.sidebar-collapsed .sidebar{padding-left:12px;padding-right:12px;width:84px}.sidebar-collapsed .collapse-toggle span,.sidebar-collapsed .copyright,.sidebar-collapsed .logo-subtext,.sidebar-collapsed .logo-text,.sidebar-collapsed .logo-text-wrap,.sidebar-collapsed .menu-item span,.sidebar-collapsed .nav-header,.sidebar-collapsed .system-status span,.sidebar-collapsed .version{display:none}.sidebar-collapsed .sidebar-logo{justify-content:center;padding:0}.sidebar-collapsed .sidebar-app-logo{height:38px;width:38px}.sidebar-collapsed .menu-item{gap:0;justify-content:center;padding:12px}.sidebar-collapsed .system-status{justify-content:center;padding:10px}.sidebar-collapsed .collapse-toggle{justify-content:center;padding:0}.sidebar-collapsed .nav-header{font-size:10px;padding:0;text-align:center}}@media (min-width:1280px){.main-area{padding:30px 36px}.search-bar{max-width:560px}}@media (min-width:1536px){.main-area{padding:32px 40px}.content-area,.header-actions,.topbar{margin-left:auto;margin-right:auto;max-width:1800px;width:100%}}@media (max-width:639px){.topbar{flex-wrap:wrap}.search-bar{flex:0 0 46px;justify-content:center;order:2;padding:0;width:46px}.search-bar .search-icon{font-size:19px}.search-bar .search-shortcut,.search-bar input{display:none}.search-bar.expanded{flex:1 1 100%;justify-content:flex-start;order:5;padding:0 16px;width:100%}.search-bar.expanded input{display:block}.search-bar.expanded .search-shortcut{display:inline-block}.date-picker span{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.greeting p{max-width:100%}}.tab-heading{color:#1e293b;font-size:20px;font-weight:800;margin:0}.sidebar-badge{background:#f1f5f9;border-radius:8px;color:#475569;font-size:11px;font-weight:700;margin-left:auto;padding:2px 8px;transition:all .2s ease}.sidebar-badge.alert-pill{background:#fdf0f0;border:1px solid #e74c3c40;box-shadow:0 0 6px #e74c3c33;color:#e74c3c}.profile-trigger{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:4px 8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.profile-trigger:hover{background:#0000000a}.dropdown-arrow.rotated{transform:rotate(180deg)}.profile-area{position:relative}.profile-dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #00000012;border-radius:8px;box-shadow:0 14px 40px #0000001f,0 2px 10px #0000000d;min-width:230px;padding:8px;position:absolute;right:0;top:calc(100% + 12px);z-index:200}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-header{display:flex;flex-direction:column;gap:4px;padding:12px 14px}.dropdown-user-header strong{color:#1e293b;font-size:14px;font-weight:700}.dropdown-user-header span{color:#64748b;font-size:12px}.dropdown-divider{background:#f1f5f9;height:1px;margin:6px 0}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.dropdown-item:hover{background:#f8fafc;color:#ff6b35}.dropdown-item.logout{color:#e74c3c}.dropdown-item.logout:hover{background:#fdf0f0;color:#c0392b}.topbar-role-switcher{align-items:center;display:flex;flex-shrink:0;gap:8px}.role-switch-pill-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:999px;box-shadow:0 2px 5px #0000000a;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.role-switch-pill-btn:hover{background:#fff8f5;border-color:#ff6b35;box-shadow:0 4px 10px #ff6b3526;color:#ff6b35;transform:translateY(-1px)}.role-switch-icon{font-size:13px;transition:transform .3s ease}.role-switch-pill-btn:hover .role-switch-icon{transform:rotate(180deg)}.avatar.staff-avatar{background:#3b82f6;box-shadow:0 6px 14px #3b82f64d}.role-modal-overlay{align-items:center;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.role-modal-dialog{animation:modalScaleUp .25s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:8px;box-shadow:0 25px 60px #0f172a40,0 0 0 1px #0000000d;max-width:470px;padding:26px 28px;position:relative;width:100%}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.role-modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:14px;padding-bottom:16px;position:relative}.role-modal-icon-wrap{align-items:center;border-radius:8px;display:flex;font-size:22px;height:48px;justify-content:center;min-width:48px;width:48px}.role-modal-icon-wrap.admin{background:#fff3ec;border:1px solid #ea580c33;color:#ea580c}.role-modal-icon-wrap.staff{background:#eff6ff;border:1px solid #2563eb33;color:#2563eb}.role-modal-header-text{flex:1 1;padding-right:28px}.role-modal-header-text h3{color:#0f172a;font-size:18px;font-weight:800;line-height:1.3;margin:0 0 4px}.role-modal-header-text p{color:#64748b;font-size:13px;line-height:1.45;margin:0}.role-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:0;top:0;transition:all .15s ease;width:32px}.role-modal-close:hover{background:#f1f5f9;color:#334155}.role-modal-body{display:flex;flex-direction:column;gap:16px;margin-top:20px}.role-modal-error{animation:errorShake .3s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:600;line-height:1.4;padding:10px 14px}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.role-input-group{display:flex;flex-direction:column;gap:8px}.role-input-group label{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:700;gap:6px}.input-label-icon{color:#64748b;font-size:14px}.role-input-wrap{align-items:center;display:flex;position:relative}.role-input-wrap input{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:14px;outline:none;padding:12px 42px 12px 14px;transition:all .2s ease;width:100%}.role-input-wrap input:focus{border-color:#ff6b35;box-shadow:0 0 0 3.5px #ff6b3526}.pw-visibility-toggle{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .15s ease}.pw-visibility-toggle:hover{color:#475569}.role-modal-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.role-cancel-btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:13.5px;font-weight:600;padding:10px 18px;transition:all .15s ease}.role-cancel-btn:hover{background:#f1f5f9;color:#1e293b}.role-confirm-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13.5px;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s ease}.role-confirm-btn.admin{background:#ff6b35;box-shadow:0 6px 16px #ff6b3547}.role-confirm-btn.admin:hover:not(:disabled){box-shadow:0 10px 22px #ff6b3561;transform:translateY(-1px)}.role-confirm-btn.staff{background:#3b82f6;box-shadow:0 6px 16px #3b82f647}.role-confirm-btn.staff:hover:not(:disabled){box-shadow:0 10px 22px #3b82f661;transform:translateY(-1px)}.role-confirm-btn:disabled{cursor:not-allowed;opacity:.65}@media (max-width:768px){.topbar-role-switcher{justify-content:space-between;margin-top:6px;order:4;width:100%}}*{box-sizing:border-box;margin:0;padding:0}#root,.App,body,html{height:100%}.App{margin:0;padding:0;width:100%}.app-access-denied,.app-session-loading{color:#625448;font-family:Manrope,Segoe UI,sans-serif;padding:64px 24px;text-align:center}.app-access-denied h1{margin-bottom:16px}.app-access-denied button{background:#b54925;border:0;border-radius:7px;color:#fff;cursor:pointer;margin-top:24px;padding:12px 24px}.dashboard-container{--admin-accent:#b6431b;--admin-pale:#fff0e5;--admin-border:#e7e0d9;--admin-muted:#746c65;background:#f7f5f2;color:#29231f}.dashboard-container button,.dashboard-container input,.dashboard-container select,.dashboard-container textarea{font-family:inherit}.dashboard-container .sidebar{border-right:1px solid var(--admin-border);box-shadow:none;padding-top:30px}.dashboard-container .sidebar-logo{border-bottom:1px solid var(--admin-border);padding-bottom:26px}.dashboard-container .sidebar-app-logo{border-radius:8px;box-shadow:none}.dashboard-container .logo-text{color:#29231f;font-size:18px;letter-spacing:-.5px}.dashboard-container .logo-subtext{color:var(--admin-muted);letter-spacing:1.5px;text-transform:uppercase}.dashboard-container .nav-header{color:#8b7d72;letter-spacing:1.7px;margin-top:18px}.dashboard-container .menu-item{border-radius:7px;box-shadow:none;color:#655a50;font-weight:500;margin-bottom:4px;min-height:46px;transition:background .18s,color .18s}.dashboard-container .menu-item:hover{background:#faf3ed;color:var(--admin-accent);transform:none}.dashboard-container .menu-item.active{background:var(--admin-pale);box-shadow:inset 3px 0 var(--admin-accent);color:var(--admin-accent);font-weight:700}.dashboard-container .menu-item.active .menu-icon{color:var(--admin-accent)}.dashboard-container .sidebar-badge{background:#f2e6dd;box-shadow:none;color:#8e3e21;font-size:10px}.dashboard-container .sidebar-footer{border-top:1px solid var(--admin-border);color:var(--admin-muted)}.dashboard-container .main-area{background:#f7f5f2;min-width:0}.dashboard-container .topbar{background:#0000;border:0;border-bottom:1px solid var(--admin-border);border-radius:0;box-shadow:none;gap:18px}.dashboard-container .greeting h1{color:#29231f;letter-spacing:-.9px}.dashboard-container .greeting p{color:var(--admin-muted);line-height:1.6;white-space:normal}.dashboard-container .collapse-toggle{background:#fff;border:1px solid var(--admin-border);border-radius:7px;box-shadow:none;color:#766354}.dashboard-container .avatar{background:var(--admin-accent);box-shadow:none}.dashboard-container .role-switch-pill-btn{background:#fff;border:1px solid var(--admin-border);border-radius:5px;box-shadow:none;color:#67564a}.dashboard-container .header-actions{margin:22px 0}.dashboard-container :is(h2,h3){color:#302820;letter-spacing:-.45px}.dashboard-container :is(.stat-card,.visual-card,.pet-card,.appt-card,.post-feed-card,.composer-card,.announcement-card-item,.appt-kpi-card,.logs-table-card){background:#fff;border:1px solid var(--admin-border);border-radius:8px;box-shadow:none}.dashboard-container :is(.visual-card,.composer-card){padding:24px}.dashboard-container :is(.stat-card,.pet-card,.appt-card,.post-feed-card):hover{border-color:#d8c4b2;box-shadow:0 4px 16px #49301b08;transform:none}.dashboard-container .stat-card{border-top:3px solid #dc7b4c;flex-direction:column;gap:16px;overflow:hidden;padding:24px 20px;position:relative}.dashboard-container .stat-label{color:var(--admin-muted);font-size:11px;letter-spacing:.6px}.dashboard-container :is(.card-top){border-bottom:1px solid #f0eae4;padding-bottom:20px}.dashboard-container :is(.card-top) h3{font-size:18px;font-weight:650}.dashboard-container :is(.card-top) p{color:var(--admin-muted);font-size:12px}.dashboard-container :is(.pet-controls-bar,.appt-controls-bar,.controls,.posts-summary-ribbon){background:#fff;border:1px solid var(--admin-border);border-radius:8px;box-shadow:none;padding:16px}.adoptions-table-container,.users-table-container{background:#fff;border:1px solid var(--admin-border);border-radius:8px;box-shadow:none;overflow-x:auto}.dashboard-container table{border-collapse:collapse;font-size:13px}.dashboard-container table thead{background:#faf7f3}.dashboard-container table th{background:#faf7f3;border-bottom:1px solid var(--admin-border);color:#77695e;font-size:10px;font-weight:650;letter-spacing:1px;padding:16px;text-transform:uppercase}.dashboard-container table td{border-bottom:1px solid #f0ebe5;color:#41372f;padding:18px 16px}.dashboard-container table tbody tr:hover{background:#fffbf7}.dashboard-container :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){border-color:#dcd3ca;border-radius:6px;box-shadow:none;color:#40362e;font-size:14px}.dashboard-container :is(.btn-save-pet,.create-post-header-btn,.send-btn,.role-confirm-btn){background:var(--admin-accent);border-radius:7px;box-shadow:none;color:#fff}.dashboard-container :is(.pet-modal-card,.user-modal-card,.adoption-dossier-card,.create-post-modal-card,.inspect-modal-card,.delete-confirm-card){border:1px solid var(--admin-border);border-radius:8px;box-shadow:0 24px 80px #39261926}.dashboard-container :is(.modal-header,.dossier-header,.create-modal-header){background:#fff8f2;border-bottom:1px solid var(--admin-border)}.dashboard-container :is(.empty-state,.no-posts-card,.loading-state-box){background:#fff;border:1px dashed #ddd0c3;border-radius:8px;color:#75695f;padding:48px 24px}.dashboard-container .pet-card-image-wrap{border-radius:8px 8px 0 0}.dashboard-container .pet-card-body{padding:22px}.dashboard-container .pet-name{font-size:20px;letter-spacing:-.5px}.dashboard-container .pet-card-actions{border-top:1px solid var(--admin-border);padding-top:18px}.dashboard-container .post-card-header{padding:20px}.dashboard-container .author-avatar{border-radius:8px}.dashboard-container .announcement-title{font-size:18px}.dashboard-container :is(button,a,input,select,textarea):focus-visible{outline:3px solid #d88b58;outline-offset:3px}.dashboard-container button:disabled{cursor:not-allowed;opacity:.55}.dashboard-container button:active:not(:disabled){transform:translateY(1px)}@media(min-width:1024px){.dashboard-container .sidebar{min-width:248px;width:248px}.dashboard-container.sidebar-collapsed .sidebar{min-width:84px;width:84px}.dashboard-container .main-area{padding:32px}.dashboard-container .topbar{flex-wrap:wrap}.dashboard-container .greeting{flex:1 1;min-width:220px}}@media(max-width:600px){.dashboard-container .main-area{padding:20px 14px}.dashboard-container .greeting h1{font-size:22px}.dashboard-container .stat-card,.dashboard-container :is(.visual-card,.composer-card){padding:16px}.dashboard-container .header-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.dashboard-container *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.dashboard-container .text-green{color:#795442!important}.dashboard-container .sidebar{scrollbar-color:#dfd4c9 #0000;scrollbar-width:thin}.dashboard-container :is(.pet-management,.adoption-monitoring,.appointment-management,.system-logs-container,.user-management,.community-posts,.reports,.notifications){background:#0000;border:0;border-radius:0;box-shadow:none;padding:8px 0 24px}.dashboard-container .section-subtitle{border:0;color:var(--admin-muted);font-size:13px;line-height:1.7;padding-bottom:0}.dashboard-container :is(.pet-mgmt-header,.appt-header,.posts-header-area,.reports-header-area,.notifications-header-area,.logs-header){gap:20px;margin-bottom:24px}.dashboard-container :is(.filter-chip,.adoption-chip,.cat-chip,.audience-pill,.hist-chip){background:#fff;border:1px solid var(--admin-border);border-radius:5px;box-shadow:none;color:#746255;font-size:12px;min-height:36px}.dashboard-container :is(.filter-chip,.adoption-chip,.cat-chip,.audience-pill,.hist-chip).active{background:#fff0e5;border-color:#dca77f;box-shadow:none;color:#9e3b19}.dashboard-container :is(.export-csv-btn,.create-post-header-btn,.send-btn){background:var(--admin-accent);border:0;border-radius:7px;box-shadow:none;color:#fff}.dashboard-container :is(.btn-refresh,.refresh-btn,.refresh-users-btn,.btn-cancel,.cancel-btn){background:#fff;border:1px solid var(--admin-border);border-radius:7px;box-shadow:none;color:#66564a}.dashboard-container .btn-primary-add{background:var(--admin-accent);border:0;border-radius:7px;box-shadow:none;color:#fff}.dashboard-container :is(.adoption-chip,.filter-chip).active :is(.chip-badge,.chip-count){background:#eed7c5;color:#833c20}.empty-state{color:#74685e}.dashboard-container :is(.stat-icon-badge,.kpi-icon){background:#fff0e5;border-radius:8px;box-shadow:none;color:var(--admin-accent)}.dashboard-container .summary-val{color:var(--admin-accent)}.dashboard-container{--work-ink:#2b2926;--work-muted:#746f67;--work-line:#e9e4dd;--work-orange:#b64724;background:#f8f7f4;font-family:Aptos,Segoe UI,sans-serif}.dashboard-container .sidebar{background:#fff;border-right:1px solid var(--work-line);padding:28px 16px 20px}.dashboard-container .sidebar-logo{border:0;margin-bottom:24px;padding:0 10px 24px}.dashboard-container .logo-text{font-size:16px;font-weight:750;white-space:nowrap}.dashboard-container .logo-subtext{font-size:10px;letter-spacing:.12em}.dashboard-container .nav-header{font-size:10px;letter-spacing:.13em;margin:16px 12px 10px;padding:0}.dashboard-container .menu-item{border-radius:8px;color:#686159;font-size:13px;gap:12px;height:46px;margin:4px 0;padding:0 12px}.dashboard-container .menu-item.active{background:#fff0e5;box-shadow:none;color:#a63e1c}.dashboard-container .menu-item .menu-icon{font-size:18px;width:18px}.dashboard-container .sidebar-footer{padding:18px 12px 10px;text-align:left}.dashboard-container .sidebar-footer .version{color:#615a51;font-size:11px}.dashboard-container .sidebar-footer .copyright{font-size:10px;margin-top:4px}.dashboard-container .main-area{background:#f8f7f4;padding:28px 32px}.dashboard-container .topbar{align-items:center;border-bottom:1px solid var(--work-line);display:flex;flex-wrap:nowrap;gap:24px;padding:0 0 24px}.dashboard-container .greeting{flex:1 1;min-width:0}.dashboard-container .greeting h1{font-size:28px;font-weight:650;letter-spacing:-.035em;margin:0}.dashboard-container .greeting p{color:var(--work-muted);font-size:12px;margin-top:8px}.dashboard-container .topbar-role-switcher{display:none}.dashboard-container .profile-area{gap:16px;margin:0}.dashboard-container .profile-trigger{align-items:center;background:#0000;border:0;color:var(--work-ink);cursor:pointer;display:flex;gap:8px;padding:2px;text-align:left}.dashboard-container .avatar{background:#eed9c7;border-radius:8px;color:#813d22;font-size:14px;height:36px;min-width:36px;width:36px}.dashboard-container .content-area{width:100%}.dashboard-container .shelter-overview{color:var(--work-ink);display:flex;flex-direction:column;gap:22px}.dashboard-container .work-summary{align-items:center;background:#f4e6d8;border-radius:8px;display:flex;gap:24px;justify-content:space-between;padding:26px 30px}.dashboard-container .work-summary h2{font-size:24px;font-weight:650;letter-spacing:-.025em;line-height:1.25;margin:0 0 8px}.dashboard-container .work-summary p{color:#765744;font-size:13px;line-height:1.7;margin:0;max-width:56ch}.dashboard-container .work-summary button{align-items:center;background:#b64724;border:0;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:650;gap:18px;min-height:44px;padding:0 16px;white-space:nowrap}.dashboard-container .overview-metrics{background:#fff;border:1px solid var(--work-line);border-radius:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 0}.dashboard-container .overview-metric{align-items:stretch;background:#0000;border:0;border-radius:0;border-right:1px solid var(--work-line);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:16px;min-width:0;padding:0 24px;text-align:left}.dashboard-container .overview-metric:last-child{border:0}.dashboard-container .metric-heading{align-items:center;color:#685e54;display:flex;font-size:12px;font-weight:500;gap:10px;justify-content:space-between;line-height:1.5}.dashboard-container .metric-heading svg{color:#a37454;flex-shrink:0;font-size:18px}.dashboard-container .overview-metric>strong{font-feature-settings:"tnum";font-size:36px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.03em;line-height:1}.dashboard-container .metric-detail{color:#81756a;display:flex;font-size:10px;gap:8px;justify-content:space-between;line-height:1.5}.dashboard-container .metric-detail svg{flex-shrink:0}.dashboard-container .overview-metric:hover .metric-heading{color:var(--work-orange)}.dashboard-container .overview-detail-grid,.dashboard-container .overview-work-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.dashboard-container .work-panel{background:#fff;border:1px solid var(--work-line);border-radius:8px;min-width:0;overflow:hidden}.dashboard-container .work-panel-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding:24px 24px 20px}.dashboard-container .work-panel-header h2{font-size:16px;font-weight:650;letter-spacing:-.02em;margin:0 0 8px}.dashboard-container .work-panel-header p{color:var(--work-muted);font-size:11px;line-height:1.6;margin:0}.dashboard-container .record-open,.dashboard-container .work-panel-header button{align-items:center;background:#0000;border:0;color:#a24323;cursor:pointer;display:flex;font-size:11px;gap:10px;justify-content:center;min-height:36px;white-space:nowrap}.dashboard-container .record-open{flex-shrink:0;width:36px}.dashboard-container .review-list,.dashboard-container .visit-list{list-style:none;margin:0;padding:0 24px}.dashboard-container .review-list li,.dashboard-container .visit-list li{align-items:center;border-top:1px solid #f0ece6;display:flex;gap:12px;min-height:76px;padding:12px 0}.dashboard-container .record-symbol{background:#f8f2ec;border-radius:7px;color:#a77351;display:grid;flex-shrink:0;height:40px;place-items:center;width:36px}.dashboard-container .record-copy{flex:1 1;min-width:0}.dashboard-container .record-copy strong{display:block;font-size:12px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.dashboard-container .record-copy span{color:var(--work-muted);display:block;font-size:10px;margin-top:4px}.dashboard-container .work-status{background:#fff2df;border-radius:4px;color:#8c5b20;font-size:10px;padding:4px 8px;white-space:nowrap}.dashboard-container .panel-footnote{align-items:center;border-top:1px solid var(--work-line);color:#7b7166;display:flex;font-size:10px;gap:8px;line-height:1.5;padding:16px 24px}.dashboard-container .visit-date{align-items:center;background:#f7f3ee;border-radius:7px;color:#8b5b3a;display:flex;font-size:12px;font-weight:650;justify-content:center;min-height:48px;min-width:56px;padding:8px}.dashboard-container .visit-list li>div{flex:1 1}.dashboard-container .visit-list strong{display:block;font-size:13px;font-weight:600}.dashboard-container .visit-list span{color:#81766b;display:block;font-size:10px;margin-top:6px}.dashboard-container .work-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:160px;padding:32px 24px 40px;text-align:center}.dashboard-container .work-empty>svg{color:#ac8161;font-size:28px;margin-bottom:14px}.dashboard-container .work-empty h3{font-size:14px;font-weight:600;margin:0 0 8px}.dashboard-container .work-empty p{color:var(--work-muted);font-size:12px;line-height:1.7;margin:0;max-width:38ch}.dashboard-container .roster-scroll{overflow-x:auto}.dashboard-container .pet-roster table{width:100%}.dashboard-container .pet-roster table th{background:#fbfaf8;font-size:10px;padding:12px 20px}.dashboard-container .pet-roster table td{font-size:11px;padding:16px 20px;white-space:nowrap}.dashboard-container .roster-name{align-items:center;display:flex;gap:10px}.dashboard-container .pet-initial{background:#f1e5d8;border-radius:7px;color:#925b3b;display:grid;font-weight:600;height:32px;place-items:center;width:32px}.dashboard-container .roster-status{background:#f1eee9;border-radius:4px;color:#635950;font-size:10px;padding:4px 8px;text-transform:capitalize}.dashboard-container .roster-status.available{background:#fff0e3;color:#9a4a22}.dashboard-container .breakdown-total{align-items:baseline;display:flex;gap:10px;padding:0 24px 22px}.dashboard-container .breakdown-total strong{font-feature-settings:"tnum";font-size:36px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.03em}.dashboard-container .breakdown-total span{color:var(--work-muted);font-size:11px}.dashboard-container .breakdown-bar{background:#f1ece5;border-radius:3px;display:flex;gap:4px;height:7px;margin:0 24px 22px;overflow:hidden}.dashboard-container .breakdown-bar span{flex-basis:0}.dashboard-container .pending{background:#b64724}.dashboard-container .approved{background:#dbab82}.dashboard-container .other{background:#ded9d1}.dashboard-container .adoption-breakdown ul{list-style:none;margin:0;padding:0 24px 24px}.dashboard-container .adoption-breakdown li{color:#6c6257;display:flex;font-size:11px;gap:10px;justify-content:space-between;padding:8px 0}.dashboard-container .adoption-breakdown li span{align-items:center;display:flex;gap:8px}.dashboard-container .adoption-breakdown i{border-radius:2px;height:7px;width:7px}.dashboard-container .overview-footer{align-items:center;color:#85796c;display:flex;font-size:10px;gap:16px;justify-content:space-between;padding:0 2px}.dashboard-container .overview-footer button{align-items:center;background:#0000;border:0;color:#8c5435;cursor:pointer;display:flex;font-size:11px;gap:8px;min-height:36px}.dashboard-container .overview-failure,.dashboard-container .overview-inline-error{background:#fff1e9;border-radius:8px;color:#943c23;padding:24px}.dashboard-container .overview-failure h2{margin-bottom:10px}.dashboard-container .overview-failure p{margin-bottom:20px}.dashboard-container .overview-failure button{background:#b64724;border:0;border-radius:7px;color:#fff;cursor:pointer;padding:10px 16px}.dashboard-container .shelter-skeleton{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.dashboard-container .shelter-skeleton div{background:#eee9e2;border-radius:8px;height:140px}.dashboard-container .shelter-skeleton span{color:#75695e;font-size:13px;grid-column:1/-1}@media(min-width:1024px){.dashboard-container .sidebar{min-width:226px;width:226px}.dashboard-container .content-area,.dashboard-container .topbar{margin-left:auto;margin-right:auto;max-width:1440px;width:100%}}@media(max-width:1199px){.dashboard-container .overview-metric{padding-inline:16px}.dashboard-container .metric-heading{font-size:11px}.dashboard-container .profile-info{display:none}.dashboard-container .overview-detail-grid,.dashboard-container .overview-work-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.dashboard-container .work-summary{padding:24px}.dashboard-container .work-summary h2{font-size:20px}}@media(max-width:799px){.dashboard-container .main-area{padding:20px}.dashboard-container .topbar{flex-wrap:wrap;gap:14px}.dashboard-container .greeting h1{font-size:24px}.dashboard-container .greeting p{display:none}.dashboard-container .profile-area{gap:8px}.dashboard-container .work-summary{align-items:flex-start;flex-direction:column;gap:18px}.dashboard-container .overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.dashboard-container .overview-metric{border-bottom:1px solid var(--work-line);gap:12px;padding:20px}.dashboard-container .overview-metric:nth-child(2){border-right:0}.dashboard-container .overview-metric:last-child,.dashboard-container .overview-metric:nth-child(3){border-bottom:0}.dashboard-container .overview-detail-grid,.dashboard-container .overview-work-grid{grid-template-columns:1fr}.dashboard-container .work-panel-header{padding:20px}.dashboard-container .review-list,.dashboard-container .visit-list{padding-inline:20px}.dashboard-container .shelter-overview{gap:16px}.dashboard-container .record-open,.dashboard-container .work-panel-header button{min-height:44px}.dashboard-container .overview-footer{flex-wrap:wrap}.dashboard-container .shelter-skeleton{grid-template-columns:repeat(2,1fr)}}@media(max-width:399px){.dashboard-container .main-area{padding:18px 14px}.dashboard-container .profile-area .dropdown-arrow{display:none}.dashboard-container .greeting h1{font-size:20px}.dashboard-container .overview-metric{padding:16px}.dashboard-container .metric-detail{font-size:10px}.dashboard-container .record-symbol{display:none}.dashboard-container .work-summary h2{font-size:20px}}@media(max-width:1023px){.dashboard-container .sidebar:not(.open){visibility:hidden}.dashboard-container .sidebar.open{visibility:visible}.dashboard-container .hamburger-btn{background:#fff;border:1px solid var(--work-line);box-shadow:none;min-height:44px;min-width:44px}}.dashboard-container .metric-detail{font-size:11px}.dashboard-container .overview-footer{color:#74685b}.dashboard-container .work-status{display:inline-block}:root{--mfp-ease:cubic-bezier(.22,1,.36,1);--mfp-space-1:4px;--mfp-space-2:8px;--mfp-space-3:12px;--mfp-space-4:16px;--mfp-space-6:24px;--mfp-space-8:32px}.app-access-denied,.app-session-loading,.dashboard-container,body{font-family:Manrope,Segoe UI,sans-serif;font-optical-sizing:auto;text-rendering:optimizeLegibility}.dashboard-container :is(h1,h2,h3){text-wrap:balance}.dashboard-container p{text-wrap:pretty}.dashboard-container :is(.overview-metric,.stat-card,.metric-value,table){font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dashboard-container .main-area{padding:32px;padding:var(--mfp-space-8)}.dashboard-container .topbar{margin-bottom:24px;margin-bottom:var(--mfp-space-6);padding-bottom:24px;padding-bottom:var(--mfp-space-6)}@media (max-width:799px){.dashboard-container .main-area{padding:24px;padding:var(--mfp-space-6)}}@media (max-width:599px){.dashboard-container .main-area{padding:24px 16px;padding:var(--mfp-space-6) var(--mfp-space-4)}}@keyframes mfp-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.dashboard-container .content-area>*>*{animation:mfp-rise .5s cubic-bezier(.22,1,.36,1) backwards;animation:mfp-rise .5s var(--mfp-ease) backwards}.dashboard-container .content-area>*>:nth-child(2){animation-delay:60ms}.dashboard-container .content-area>*>:nth-child(3){animation-delay:.12s}.dashboard-container .content-area>*>:nth-child(4){animation-delay:.18s}.dashboard-container .content-area>*>:nth-child(n+5){animation-delay:.24s}.dashboard-container .greeting h1{animation:mfp-rise .45s cubic-bezier(.22,1,.36,1) backwards;animation:mfp-rise .45s var(--mfp-ease) backwards}.dashboard-container :is(.stat-card,.overview-metric,.visual-card,.work-panel,.pet-card){transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),background-color .2s ease;transition:transform .28s var(--mfp-ease),box-shadow .28s var(--mfp-ease),background-color .2s ease}@media (hover:hover){.dashboard-container :is(.stat-card,.visual-card,.pet-card):hover{border-color:#d6cfc8;transform:none}}.dashboard-container :is(button,.btn,[role=button]){transition:background-color .15s ease,border-color .15s ease,color .15s ease,filter .15s ease,transform .1s ease}@media (hover:hover){.dashboard-container :is(button,.btn,[role=button]):hover:not(:disabled){filter:brightness(.95)}.dashboard-container :is(input,select,textarea):hover:not(:disabled):not(:focus){border-color:#b9b0a8}}.dashboard-container :is(button,.btn,[role=button]):active:not(:disabled){filter:brightness(.9)}.dashboard-container :is(button,.btn):disabled,.dashboard-container :is(input,select,textarea):disabled{box-shadow:none;cursor:not-allowed;filter:none;opacity:.5;transform:none}.dashboard-container :is(input,select,textarea):focus{border-color:#b64724}.dashboard-container :is(h1,h2){color:#1f1a17;letter-spacing:-.02em}.dashboard-container h3{color:#1f1a17;letter-spacing:-.01em}.dashboard-container p{color:#57504a;letter-spacing:.005em}.dashboard-container .menu-item{transition:background-color .2s ease,color .2s ease,transform .2s cubic-bezier(.22,1,.36,1);transition:background-color .2s ease,color .2s ease,transform .2s var(--mfp-ease)}.dashboard-container .menu-item:active{transform:scale(.98)}.dashboard-container :is(button,a,input,select,textarea):focus-visible{outline:2px solid #b64724;outline-offset:2px}@media (prefers-reduced-motion:reduce){.dashboard-container *,.dashboard-container :after,.dashboard-container :before{animation:none!important;transition:none!important}}
/*# sourceMappingURL=main.c84473c4.css.map*/