@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.demo-accounts{margin:0 0 20px;padding:14px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;font-size:13px;color:#1e3a5f}.demo-accounts-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;line-height:1.4}.demo-accounts-badge{padding:2px 8px;border-radius:999px;background:#2563eb;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.demo-accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.demo-accounts-button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:10px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.demo-accounts-button:hover:not(:disabled),.demo-accounts-button:focus-visible{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;outline:none}.demo-accounts-button:disabled{opacity:.6;cursor:wait}.demo-accounts-button i{color:#2563eb;font-size:15px;margin-bottom:2px}.demo-accounts-label{font-weight:700;font-size:14px}.demo-accounts-hint{color:#475569;font-size:12px;line-height:1.3}.demo-accounts-note{margin:10px 0 0;color:#475569;line-height:1.45}.demo-accounts-note code{padding:1px 4px;border-radius:4px;background:#dbeafe;font-size:12px}.server-wake-banner{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:10px;width:min(560px,calc(100vw - 32px));padding:12px 16px;border-radius:12px;background:#1e293b;color:#f8fafc;font-size:14px;line-height:1.45;box-shadow:0 10px 30px #0f172a40}.server-wake-banner i{color:#93c5fd;flex-shrink:0}.demo-context-banner{position:fixed;left:12px;bottom:12px;z-index:9999;display:flex;align-items:center;gap:8px;padding:5px 5px 5px 7px;border-radius:999px;background:#0f172ae6;color:#e2e8f0;font-size:12px;line-height:1.2;box-shadow:0 4px 14px #0f172a38}.demo-context-tag{flex-shrink:0;padding:2px 7px;border-radius:999px;background:#f59e0b;color:#1f2937;font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.demo-context-text{white-space:nowrap}.demo-context-link{color:#93c5fd;font-weight:600;text-decoration:none}.demo-context-link:hover{text-decoration:underline}.demo-context-close{flex-shrink:0;width:22px;height:22px;border:0;border-radius:999px;background:transparent;color:#94a3b8;cursor:pointer;font-size:12px}.demo-context-close:hover{background:#ffffff1f;color:#fff}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{color:#213547;background-color:#fff;min-height:100vh;min-height:-webkit-fill-available}#root{width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}img,svg,video{max-width:100%;height:auto;display:block}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.powered-by a{color:inherit;font-weight:600;text-decoration:none}.powered-by a:hover{text-decoration:underline}.welcome-login-button:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 15px 20px -5px #2563eb66}.welcome-back-button:hover{background-color:#e2e8f0}.welcome-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.welcome-input:focus-within{border-color:#2563eb!important;box-shadow:0 0 0 1px #2563eb}.welcome-toggle-password:hover{color:#2563eb}.welcome-toggle-password:disabled{cursor:not-allowed;opacity:.5}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}button{-webkit-user-select:none;user-select:none}input:disabled{opacity:.6;cursor:not-allowed}.wl-page{--wl-blue: #2563eb;--wl-blue-dark: #1d4ed8;--wl-blue-soft: #eff6ff;--wl-blue-line: #dbeafe;--wl-ink: #0f172a;--wl-text: #334155;--wl-muted: #64748b;--wl-line: #e2e8f0;--wl-bg: #f8fafc;--wl-warm: #fff7ed;--wl-accent: #f97316;--wl-radius: 1.25rem;min-height:100vh;display:flex;flex-direction:column;background:var(--wl-bg);color:var(--wl-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}.wl-page *,.wl-page *:before,.wl-page *:after{box-sizing:border-box}.wl-page img{display:block;width:100%;height:100%;object-fit:cover}.wl-container{width:100%;max-width:1180px;margin:0 auto;padding:0 1.5rem}.wl-skip{position:absolute;left:-9999px;top:.5rem;z-index:100;padding:.5rem 1rem;background:var(--wl-blue);color:#fff;border-radius:.5rem}.wl-skip:focus{left:.5rem}.wl-page :focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:2px}.wl-header{position:sticky;top:0;z-index:50;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8)}.wl-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}.wl-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex-shrink:0}.wl-brand-icon{width:40px;height:40px;border-radius:.65rem;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1.3rem;box-shadow:0 4px 14px #2563eb4d}.wl-brand-icon-sm{width:28px;height:28px;font-size:.85rem;border-radius:.45rem;box-shadow:none}.wl-brand-title{display:block;font-size:1.1rem;font-weight:800;color:var(--wl-ink);letter-spacing:-.01em;line-height:1.2}.wl-brand-subtitle{display:block;font-size:.75rem;font-weight:500;color:var(--wl-muted)}.wl-nav{display:flex;gap:1.75rem}.wl-nav a{color:var(--wl-text);font-size:.92rem;font-weight:600;text-decoration:none}.wl-nav a:hover{color:var(--wl-blue)}.wl-header-actions{display:flex;align-items:center;gap:1rem}.wl-support{display:inline-flex;align-items:center;gap:.45rem;color:var(--wl-muted);font-size:.88rem;font-weight:600;text-decoration:none}.wl-support i,.wl-support:hover{color:var(--wl-blue)}.wl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.75rem 1.4rem;border-radius:.75rem;border:1.5px solid transparent;font-family:inherit;font-size:.97rem;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;white-space:nowrap}.wl-btn-sm{padding:.5rem 1.1rem;font-size:.88rem;border-radius:.6rem}.wl-btn-lg{padding:.95rem 1.6rem;font-size:1.02rem}.wl-btn-block{width:100%}.wl-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 8px 18px -4px #2563eb66}.wl-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 12px 22px -4px #2563eb73}.wl-btn-outline{background:#fff;color:var(--wl-blue);border-color:#93c5fd}.wl-btn-outline:hover{background:var(--wl-blue-soft);border-color:var(--wl-blue);transform:translateY(-2px)}.wl-btn-ghost{background:transparent;color:var(--wl-blue)}.wl-btn-ghost:hover{background:var(--wl-blue-soft)}.wl-btn-light{background:#fff;color:var(--wl-blue-dark)}.wl-btn-light:hover{transform:translateY(-2px);box-shadow:0 10px 20px -6px #0f172a59}.wl-link{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--wl-blue);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.wl-link:hover{color:var(--wl-blue-dark)}.wl-hero{position:relative;padding:4.5rem 0 5rem;background:radial-gradient(circle at 8% 15%,rgba(59,130,246,.1) 0%,transparent 40%),radial-gradient(circle at 95% 85%,rgba(249,115,22,.08) 0%,transparent 40%),var(--wl-bg)}.wl-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:3.5rem;align-items:center}.wl-hero-title{margin:0 0 1rem;font-size:clamp(2.3rem,5vw,3.6rem);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--wl-ink)}.wl-highlight{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wl-hero-lead{margin:0;max-width:34rem;font-size:1.1rem;color:var(--wl-text)}.wl-hero-lead strong{color:var(--wl-ink)}.wl-brand-one{color:var(--wl-blue)}.wl-modules{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem 0;margin:1.4rem 0 0;padding:0;font-size:.85rem;font-weight:700;color:var(--wl-muted);letter-spacing:.01em}.wl-modules li:not(:last-child):after{content:"·";margin:0 .55rem;color:#94a3b8}.wl-modules li:last-child{color:var(--wl-blue)}.wl-hero-ctas{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.wl-hero-note{margin:1rem 0 0;font-size:.92rem;color:var(--wl-muted)}.wl-trust{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin:2rem 0 0;padding:1.25rem 0 0;border-top:1px solid var(--wl-line);font-size:.9rem;font-weight:600;color:var(--wl-text)}.wl-trust i{color:var(--wl-blue);margin-right:.35rem}.wl-hero-media{position:relative;padding:0 0 2rem 2rem}.wl-hero-photo{aspect-ratio:4 / 3.4;border-radius:2rem;overflow:hidden;background:#e0e7ff;box-shadow:0 30px 60px -20px #0f172a59}.wl-hero-thumb{position:absolute;overflow:hidden;background:#fde68a;border:5px solid #fff;box-shadow:0 16px 32px -10px #0f172a59}.wl-hero-thumb-cat{width:34%;aspect-ratio:1;border-radius:50%;left:-.5rem;bottom:-.5rem}.wl-float-card{position:absolute;top:1.5rem;right:-1rem;display:flex;align-items:center;gap:.7rem;padding:.8rem 1.1rem;background:#fff;border-radius:1rem;box-shadow:0 16px 32px -10px #0f172a4d;font-size:.88rem;color:var(--wl-ink)}.wl-float-card strong,.wl-float-card small{display:block}.wl-float-card small{color:var(--wl-muted);font-size:.78rem}.wl-float-icon{width:38px;height:38px;border-radius:.7rem;display:inline-flex;align-items:center;justify-content:center;background:#dcfce7;color:#15803d}.wl-section{padding:5rem 0}.wl-section-tint{background:#fff;border-top:1px solid var(--wl-line);border-bottom:1px solid var(--wl-line)}.wl-section-head{text-align:center;max-width:40rem;margin:0 auto 3rem}.wl-eyebrow{margin:0 0 .5rem;color:var(--wl-accent);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.wl-section h2{margin:0;font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--wl-ink)}.wl-section-head p:not(.wl-eyebrow){margin:.75rem 0 0;color:var(--wl-muted);font-size:1.05rem}.wl-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.wl-role{display:flex;flex-direction:column;background:#fff;border:1px solid var(--wl-line);border-radius:var(--wl-radius);overflow:hidden;box-shadow:0 10px 30px -18px #0f172a40}.wl-role:hover{transform:translateY(-4px);box-shadow:0 22px 40px -18px #0f172a4d}.wl-role-primary{border-color:#93c5fd;box-shadow:0 16px 36px -18px #2563eb73}.wl-role-photo{position:relative;aspect-ratio:16 / 10;background:#e2e8f0;overflow:hidden}.wl-role-photo img{transition:transform .5s ease}.wl-role:hover .wl-role-photo img{transform:scale(1.05)}.wl-role-tag{position:absolute;left:1rem;top:1rem;padding:.3rem .75rem;border-radius:999px;background:#ffffffeb;color:var(--wl-ink);font-size:.75rem;font-weight:700}.wl-role-body{display:flex;flex-direction:column;flex:1;padding:1.5rem}.wl-role-body h3{margin:0 0 .9rem;font-size:1.25rem;font-weight:800;color:var(--wl-ink)}.wl-role-body ul{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.5rem;flex:1}.wl-role-body li{display:flex;align-items:baseline;gap:.6rem;font-size:.95rem}.wl-role-body li i{color:#16a34a;font-size:.8rem}.wl-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.wl-feature{padding:1.75rem 1.5rem;border-radius:var(--wl-radius);background:var(--wl-bg);border:1px solid var(--wl-line)}.wl-feature:hover{border-color:var(--wl-blue-line);background:var(--wl-blue-soft)}.wl-feature-icon{width:48px;height:48px;border-radius:.9rem;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--wl-blue);font-size:1.2rem;box-shadow:0 6px 14px -6px #2563eb59}.wl-feature h3{margin:1.1rem 0 .4rem;font-size:1.05rem;font-weight:800;color:var(--wl-ink)}.wl-feature p{margin:0;font-size:.93rem;color:var(--wl-muted)}.wl-first{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}.wl-first-photo{aspect-ratio:1;border-radius:2rem;overflow:hidden;background:#fed7aa;box-shadow:0 30px 60px -25px #0f172a59}.wl-first-copy h2{margin-bottom:1.75rem}.wl-steps{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}.wl-steps li{display:flex;gap:1rem;align-items:flex-start}.wl-step-num{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--wl-blue-soft);border:1px solid var(--wl-blue-line);color:var(--wl-blue);font-weight:800}.wl-steps h3{margin:.15rem 0 .2rem;font-size:1.05rem;font-weight:700;color:var(--wl-ink)}.wl-steps p{margin:0;font-size:.95rem;color:var(--wl-muted)}.wl-first-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.wl-help{padding:0 0 5rem}.wl-help-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.wl-help-inner>div,.wl-help-inner>a{position:relative}.wl-help .wl-container{max-width:1132px;padding:2.25rem 2.5rem;border-radius:var(--wl-radius);background:linear-gradient(135deg,#2563eb,#1e40af);color:#dbeafe}.wl-help h2{margin:0 0 .3rem;font-size:1.5rem;font-weight:800;color:#fff}.wl-help p{margin:0}.wl-footer{margin-top:auto;padding:1.5rem 0 1.25rem;background:#fff;border-top:1px solid var(--wl-line)}.wl-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.87rem;color:var(--wl-muted)}.wl-footer-brand{display:flex;align-items:center;gap:.6rem}.wl-footer-staff{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:.55rem;border:1px solid var(--wl-blue-line);background:var(--wl-blue-soft);color:var(--wl-blue);font:inherit;font-size:.83rem;font-weight:600;cursor:pointer}.wl-footer-staff:hover{background:var(--wl-blue-line);color:var(--wl-blue-dark)}.wl-credits{margin-top:.9rem;font-size:.75rem;color:#94a3b8}.wl-credits a{color:inherit}.wl-credits a:hover{color:var(--wl-blue)}@media(max-width:1080px){.wl-features,.wl-roles{grid-template-columns:repeat(2,1fr)}.wl-nav{display:none}}@media(max-width:900px){.wl-hero{padding:2.5rem 0 3.5rem}.wl-hero-grid,.wl-first{grid-template-columns:1fr;gap:2.5rem}.wl-hero-media{order:-1;padding:0 0 1.5rem 1.5rem;max-width:560px;width:100%;margin:0 auto}.wl-float-card{right:.75rem;top:auto;bottom:0}.wl-first-photo{aspect-ratio:16 / 10;max-width:560px;width:100%;margin:0 auto}.wl-section{padding:3.5rem 0}}@media(max-width:700px){.wl-roles,.wl-features{grid-template-columns:1fr}.wl-section-head{margin-bottom:2rem}}@media(max-width:560px){.wl-container{padding:0 1rem}.wl-header-inner{min-height:60px}.wl-brand-subtitle,.wl-support span{display:none}.wl-hero-ctas .wl-btn,.wl-first-actions .wl-btn{width:100%}.wl-float-card{font-size:.8rem;padding:.6rem .85rem}.wl-help .wl-container{padding:1.75rem 1.25rem;width:calc(100% - 2rem)}.wl-help .wl-btn{width:100%;white-space:normal}.wl-footer-inner{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){.wl-page *,.wl-page *:before,.wl-page *:after{transition:none!important}.wl-role:hover,.wl-btn:hover,.wl-role:hover .wl-role-photo img{transform:none}}.staff-sidebar-nav{display:flex;flex-direction:column;padding:1rem .75rem;flex:1;overflow-y:auto;gap:1.25rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.staff-sidebar-nav::-webkit-scrollbar{width:4px}.staff-sidebar-nav::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.staff-sidebar-nav::-webkit-scrollbar-track{background:transparent}.staff-nav-section{display:flex;flex-direction:column;gap:.25rem}.staff-nav-section-title{font-size:.68rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .75rem;margin-bottom:.15rem;-webkit-user-select:none;user-select:none}.staff-nav-item{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;text-decoration:none;color:#475569;font-size:.875rem;font-weight:500;border-radius:10px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;cursor:pointer;border-left:3px solid transparent}.staff-nav-item:hover{background-color:#f1f5f9;color:#0f172a;transform:translate(3px)}.staff-nav-item.active{background-color:#eff6ff;color:#1d4ed8;font-weight:600;border-left-color:#2563eb;box-shadow:0 1px 3px #2563eb14}.staff-nav-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background-color:#f8fafc;color:#64748b;font-size:.95rem;flex-shrink:0;transition:all .2s ease}.staff-nav-item:hover .staff-nav-icon-wrapper{background-color:#e2e8f0;color:#1e293b}.staff-nav-item.active .staff-nav-icon-wrapper{background-color:#dbeafe;color:#2563eb}.staff-nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-nav-icon-wrapper.staff-ai-icon-wrapper{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;box-shadow:0 2px 8px #a855f759;transition:all .25s ease}.staff-nav-item-ai:hover{background:linear-gradient(135deg,#6366f114,#a855f714);border-left-color:#8b5cf6}.staff-nav-item-ai:hover .staff-ai-icon-wrapper{transform:scale(1.08) rotate(-4deg);box-shadow:0 4px 12px #a855f773}.staff-nav-item-ai.active{background:linear-gradient(135deg,#6366f11f,#a855f71f);border-left-color:#7c3aed;box-shadow:0 1px 4px #7c3aed1f}.staff-nav-item-ai.active .staff-ai-label{color:#6d28d9;font-weight:600}.staff-sidebar-footer-card{margin:.75rem;padding:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;gap:.65rem}.staff-sidebar-footer-hospital-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.95rem;box-shadow:0 2px 6px #1e40af40;flex-shrink:0}.staff-sidebar-footer-info{display:flex;flex-direction:column;overflow:hidden;flex:1}.staff-sidebar-footer-name{font-size:.8rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-sidebar-footer-sub{font-size:.68rem;color:#64748b;display:flex;align-items:center;gap:.35rem;white-space:nowrap}.staff-role-dot{width:6px;height:6px;border-radius:50%;background-color:#10b981}.staff-profile-wrapper{position:relative;display:flex;align-items:center}.staff-profile-chip{display:flex;align-items:center;gap:.65rem;padding:.3rem .65rem .3rem .35rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.staff-profile-chip:hover{background-color:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a14}.staff-profile-chip.open{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.staff-profile-avatar-wrapper{position:relative;width:36px;height:36px;flex-shrink:0}.staff-profile-avatar-img,.staff-profile-avatar-initials{width:36px;height:36px;border-radius:50%;object-fit:cover}.staff-profile-avatar-initials{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600}.staff-avatar-status-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;background-color:#10b981;border:2px solid #ffffff;border-radius:50%}.staff-profile-details{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.staff-profile-name{font-size:.82rem;font-weight:600;color:#0f172a;white-space:nowrap}.staff-profile-role-pill{font-size:.65rem;font-weight:600;text-transform:capitalize;padding:.05rem .45rem;border-radius:4px;background-color:#f1f5f9;color:#475569;letter-spacing:.02em}.staff-profile-role-pill.role-admin{background-color:#f3e8ff;color:#7e22ce}.staff-profile-role-pill.role-veterinarian{background-color:#ccfbf1;color:#0f766e}.staff-profile-role-pill.role-receptionist{background-color:#dbeafe;color:#1d4ed8}.staff-profile-chevron{font-size:.7rem;color:#94a3b8;margin-left:.15rem;transition:transform .2s ease,color .2s ease}.staff-profile-chevron.rotated{transform:rotate(180deg);color:#2563eb}.staff-profile-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;width:175px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0f172a26;padding:.35rem;z-index:1005;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.staff-dropdown-divider{height:1px;background-color:#f1f5f9;margin:.25rem 0}.staff-dropdown-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .65rem;border:none;background:transparent;color:#334155;font-size:.85rem;font-weight:500;text-decoration:none;border-radius:8px;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.staff-dropdown-item:hover{background-color:#f8fafc;color:#0f172a}.staff-dropdown-icon-box{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background-color:#f1f5f9;color:#64748b;font-size:.85rem}.staff-dropdown-item:hover .staff-dropdown-icon-box{background-color:#e2e8f0;color:#1e293b}.staff-dropdown-item-logout{color:#dc2626}.staff-dropdown-item-logout:hover{background-color:#fef2f2;color:#b91c1c}.staff-dropdown-icon-box.logout-icon{background-color:#fee2e2;color:#dc2626}.staff-dropdown-item-logout:hover .staff-dropdown-icon-box.logout-icon{background-color:#fecaca;color:#b91c1c}.staff-ai-header-wrapper{position:relative;display:flex;align-items:center}.staff-ai-header-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:none;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:1rem;cursor:pointer;flex-shrink:0;box-shadow:0 3px 10px #a855f74d;transition:all .25s cubic-bezier(.16,1,.3,1);outline:none}.staff-ai-header-btn:hover{transform:scale(1.08) rotate(-5deg);box-shadow:0 5px 16px #a855f773}.staff-ai-header-btn.active{transform:scale(1);box-shadow:0 0 0 3px #a855f74d}.staff-ai-header-tooltip{position:absolute;top:calc(100% + .5rem);right:0;background-color:#0f172a;color:#fff;font-size:.73rem;font-weight:500;padding:.35rem .65rem;border-radius:6px;white-space:nowrap;box-shadow:0 4px 14px #0f172a33;z-index:1002;pointer-events:none;animation:fadeInTooltip .15s ease-out}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.staff-ai-quickask-popup{position:absolute;top:calc(100% + .6rem);right:0;width:320px;max-width:85vw;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 16px 36px -8px #0f172a38;padding:.9rem;z-index:1005;animation:popInQuickAsk .2s cubic-bezier(.16,1,.3,1)}@keyframes popInQuickAsk{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.staff-ai-popup-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.75rem}.staff-ai-popup-badge{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 2px 6px #a855f74d;flex-shrink:0}.staff-ai-popup-titles{display:flex;flex-direction:column}.staff-ai-popup-title{font-size:.83rem;font-weight:700;color:#0f172a}.staff-ai-popup-subtitle{font-size:.7rem;color:#64748b}.staff-ai-popup-input-row{display:flex;align-items:center;gap:.4rem;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;padding:.25rem .25rem .25rem .85rem;transition:all .2s ease}.staff-ai-popup-input-row:focus-within{background-color:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.staff-ai-popup-input{flex:1;border:none;outline:none;background-color:transparent;font-size:.85rem;padding:.35rem 0;color:#0f172a}.staff-ai-popup-input::placeholder{color:#94a3b8}.staff-ai-popup-send-btn{width:32px;height:32px;flex-shrink:0;border-radius:50%;border:none;background:#cbd5e1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:default;transition:all .2s ease}.staff-ai-popup-send-btn.ready{background:linear-gradient(135deg,#6366f1,#a855f7);cursor:pointer;box-shadow:0 2px 8px #a855f759}.staff-ai-popup-send-btn.ready:hover{transform:scale(1.08)}.dashboard-quick-action-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:999px;font-size:.8rem;font-weight:500;color:#374151;cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease,background-color .15s ease}.dashboard-quick-action-btn i{color:var(--qa-color, #6b7280);font-size:.8rem;transition:color .15s ease}.dashboard-quick-action-btn:hover{border-color:var(--qa-color, #3b82f6);color:var(--qa-color, #3b82f6);background-color:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 10px -4px #0f172a2e}.dashboard-quick-action-btn:active{transform:translateY(0);box-shadow:none}.apt-create-container{max-width:1100px;margin:0 auto;padding:1.75rem 1.5rem 3rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a}.apt-create-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.9);border-radius:1.25rem;padding:1.5rem 1.75rem;margin-bottom:1.75rem;box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #00000005}.apt-create-hero-left{display:flex;align-items:center;gap:1.25rem}.apt-create-icon-tile{width:52px;height:52px;border-radius:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 8px 18px -4px #2563eb59;flex-shrink:0}.apt-create-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.apt-create-subtitle{font-size:.875rem;color:#64748b;margin:0;font-weight:500}.apt-create-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.15rem;border-radius:9999px;background:#fff;border:1px solid #cbd5e1;color:#334155;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #00000008}.apt-create-back-btn:hover{background:#f8fafc;color:#1e293b;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.apt-create-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.9);border-radius:1.25rem;padding:2rem;box-shadow:0 20px 40px -15px #0000000d,0 0 1px #0000001a}.apt-form-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid #e2e8f0}.apt-form-title-group{display:flex;flex-direction:column;gap:.25rem}.apt-form-title{font-size:1.35rem;font-weight:800;color:#0f172a;margin:0}.apt-form-subtitle{font-size:.85rem;color:#64748b;margin:0}.apt-form-close-btn{width:36px;height:36px;border-radius:50%;background:#f1f5f9;border:none;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .2s}.apt-form-close-btn:hover{background:#e2e8f0;color:#0f172a}.apt-form-error{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.15rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#991b1b;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.apt-form-error-icon{font-size:1.1rem;color:#dc2626;flex-shrink:0}.apt-form-note{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#64748b;margin:0 0 1.5rem;background:#f8fafc;padding:.5rem .85rem;border-radius:.5rem;border:1px solid #f1f5f9;width:fit-content}.apt-form-required{color:#ef4444;font-weight:700}.apt-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #00000005;transition:border-color .2s}.apt-form-section:focus-within{border-color:#cbd5e1}.apt-form-section-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.apt-form-section-icon{width:32px;height:32px;border-radius:.5rem;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.apt-form-section-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0}.apt-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:768px){.apt-form-grid{grid-template-columns:1fr}.apt-create-hero{flex-direction:column;align-items:flex-start}}.apt-form-group{display:flex;flex-direction:column;gap:.45rem}.apt-form-group-full{grid-column:1 / -1}.apt-form-label{font-size:.85rem;font-weight:600;color:#334155;display:flex;align-items:center;justify-content:space-between}.apt-form-input,.apt-form-select,.apt-form-textarea{width:100%;padding:.7rem .9rem;font-size:.9rem;font-family:inherit;color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:.6rem;outline:none;transition:all .2s ease-in-out;box-shadow:0 1px 2px #00000008}.apt-form-input:focus,.apt-form-select:focus,.apt-form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;background-color:#fff}.apt-form-input:disabled,.apt-form-select:disabled{background-color:#f8fafc;color:#94a3b8;border-color:#e2e8f0;cursor:not-allowed}.apt-form-textarea{resize:vertical;min-height:100px}.apt-form-hint{font-size:.75rem;color:#64748b;margin-top:.2rem}.apt-form-char-count{font-size:.75rem;color:#94a3b8;text-align:right;margin-top:.25rem}.apt-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:.85rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.apt-form-btn-secondary{padding:.65rem 1.35rem;background-color:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:.6rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.apt-form-btn-secondary:hover:not(:disabled){background-color:#f8fafc;color:#1e293b;border-color:#94a3b8}.apt-form-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:.6rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #2563eb40}.apt-form-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.apt-form-btn-primary:disabled,.apt-form-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.apt-form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;gap:1rem}.apt-form-spinner{width:42px;height:42px;border:3.5px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:aptFormSpin .8s linear infinite}@keyframes aptFormSpin{to{transform:rotate(360deg)}}.appts-container{max-width:1400px;margin:0 auto;padding:.5rem 0 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1e293b}.appts-header-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:1.5rem 2rem;margin-bottom:1.75rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px -5px #0000000a,0 4px 6px -2px #00000005;gap:1.5rem;flex-wrap:wrap}.appts-header-content{display:flex;align-items:center;gap:1.25rem}.appts-header-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 8px 20px -4px #3b82f659;flex-shrink:0}.appts-header-title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.appts-header-subtitle{font-size:.925rem;color:#64748b;margin:0;font-weight:500}.appts-btn-schedule{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 6px 20px -4px #2563eb59;transition:all .2s ease;white-space:nowrap}.appts-btn-schedule:hover{transform:translateY(-2px);box-shadow:0 10px 25px -4px #2563eb73;background:linear-gradient(135deg,#1d4ed8,#2563eb)}.appts-toolbar-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:18px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;gap:.85rem;align-items:center;flex-wrap:wrap;box-shadow:0 4px 15px -3px #00000008}.appts-search-box{flex:1 1 240px;position:relative}.appts-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.9rem}.appts-search-input{width:100%;padding:.65rem 1rem .65rem 2.5rem;border-radius:12px;border:1px solid #cbd5e1;font-size:.875rem;color:#0f172a;background:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.appts-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.appts-select{padding:.65rem .9rem;border-radius:12px;border:1px solid #cbd5e1;font-size:.875rem;font-weight:500;color:#1e293b;background:#fff;outline:none;cursor:pointer;transition:all .2s ease}.appts-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.appts-date-input{padding:.65rem .9rem;border-radius:12px;border:1px solid #cbd5e1;font-size:.875rem;color:#1e293b;background:#fff;outline:none;transition:all .2s ease}.appts-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.appts-btn-today-pill{padding:.65rem 1rem;border-radius:12px;border:1px solid #cbd5e1;background:#fff;color:#3b82f6;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.appts-btn-today-pill:hover{background:#eff6ff;border-color:#93c5fd}.appts-btn-my-appts{padding:.65rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.appts-btn-my-appts.is-active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:1px solid #2563eb;box-shadow:0 4px 12px #2563eb40}.appts-btn-my-appts.is-inactive{background:#fff;color:#334155;border:1px solid #cbd5e1}.appts-btn-my-appts.is-inactive:hover{background:#f8fafc}.appts-view-toggle-group{display:inline-flex;background:#f1f5f9;padding:4px;border-radius:14px;border:1px solid #e2e8f0;margin-left:auto}.appts-view-toggle-btn{padding:.5rem 1.1rem;border-radius:10px;border:none;background:transparent;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.appts-view-toggle-btn.is-active{background:#fff;color:#2563eb;box-shadow:0 2px 8px #00000014}.appts-active-filters-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:.5rem .75rem;background:#f8fafccc;border-radius:12px;border:1px solid #e2e8f0}.appts-filter-label{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.appts-filter-pill{display:inline-flex;align-items:center;gap:.4rem;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:.3rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600}.appts-filter-pill-close{background:transparent;border:none;color:#3b82f6;cursor:pointer;padding:0 2px;font-size:.75rem}.appts-filter-pill-close:hover{color:#1d4ed8}.appts-clear-all-link{font-size:.8rem;font-weight:600;color:#ef4444;background:transparent;border:none;cursor:pointer;margin-left:auto;text-decoration:underline}.appts-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.875rem 1.25rem;border-radius:14px;margin-bottom:1.5rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.6rem}.appts-loading-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:#64748b}.appts-spinner{width:44px;height:44px;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.appts-calendar-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px -5px #0000000a}.appts-cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.appts-cal-title{font-size:1.35rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.01em}.appts-cal-controls{display:flex;align-items:center;gap:.5rem}.appts-cal-btn-today{background:#f1f5f9;color:#1e293b;border:1px solid #cbd5e1;padding:.45rem .9rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.appts-cal-btn-today:hover{background:#e2e8f0}.appts-cal-btn-nav{background:#fff;color:#475569;border:1px solid #cbd5e1;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;transition:all .2s ease}.appts-cal-btn-nav:hover{background:#f8fafc;color:#2563eb;border-color:#93c5fd}.appts-cal-banner{background:#eff6ffcc;border:1px solid #bfdbfe;color:#1e40af;padding:.65rem 1rem;border-radius:12px;font-size:.85rem;font-weight:500;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.appts-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e2e8f0;border-radius:14px;overflow:hidden;border:1px solid #e2e8f0}.appts-cal-day-header{background:#f8fafc;padding:.75rem .5rem;text-align:center;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.appts-cal-day-cell{background:#fff;min-height:110px;padding:.5rem;display:flex;flex-direction:column;transition:background-color .15s ease;position:relative}.appts-cal-day-cell.is-other-month{background:#f8fafc;opacity:.55}.appts-cal-day-cell.is-today{background:#eff6ff}.appts-cal-day-cell.is-selected{background:#f0fdf4;outline:2px solid #10b981;outline-offset:-2px}.appts-cal-day-cell:hover{background:#f1f5f9}.appts-cal-day-num{font-size:.85rem;font-weight:700;color:#334155;margin-bottom:.35rem;display:flex;align-items:center;justify-content:space-between}.appts-cal-day-num.is-today-num{color:#2563eb;background:#dbeafe;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.appts-cal-events-list{display:flex;flex-direction:column;gap:.3rem;overflow:hidden}.appts-cal-event-card{background:#fff;border-radius:8px;padding:.35rem .45rem;font-size:.725rem;border-left:3px solid #cbd5e1;box-shadow:0 1px 3px #0000000f;transition:transform .15s ease}.appts-cal-event-card:hover{transform:translate(2px)}.appts-cal-event-time{font-weight:700;color:#475569;font-size:.675rem}.appts-cal-event-title{font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appts-cal-event-sub{color:#64748b;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appts-cal-event-vet{color:#2563eb;font-size:.65rem;font-weight:500;margin-top:1px}.appts-cal-more-badge{font-size:.675rem;font-weight:700;color:#2563eb;background:#2563eb14;padding:2px 4px;border-radius:4px;text-align:center;margin-top:2px}.appts-list-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e2e8f0;margin-bottom:1.5rem}.appts-tab-btn{padding:.75rem 1.25rem;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;background:transparent;cursor:pointer;font-size:.9rem;font-weight:600;color:#64748b;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.appts-tab-btn.is-active{color:#2563eb;border-bottom-color:#2563eb}.appts-tab-count-badge{background:#f1f5f9;color:#475569;border-radius:9999px;padding:.15rem .55rem;font-size:.75rem;font-weight:700}.appts-tab-btn.is-active .appts-tab-count-badge{background:#dbeafe;color:#1d4ed8}.appts-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.appts-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:18px;padding:1.25rem;box-shadow:0 4px 15px -3px #00000008;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between}.appts-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px -5px #00000012}.appts-card.is-highlighted{outline:2px solid #2563eb;box-shadow:0 0 0 4px #3b82f633}.appts-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.appts-card-head-left{display:flex;align-items:center;gap:.85rem}.appts-type-icon-tile{width:42px;height:42px;border-radius:12px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.appts-card-pet-name{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .15rem}.appts-card-species{font-weight:400;color:#64748b;font-size:.825rem}.appts-card-owner-name{font-size:.85rem;color:#64748b;margin:0;font-weight:500}.appts-status-pill{padding:.3rem .7rem;border-radius:9999px;font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.appts-card-body{background:#f8fafcb3;border-radius:12px;padding:.85rem 1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.45rem}.appts-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.appts-info-lbl{color:#64748b;font-weight:500;display:flex;align-items:center;gap:.4rem}.appts-info-val{color:#0f172a;font-weight:600}.appts-reason-box{margin-top:.4rem;padding-top:.4rem;border-top:1px dashed #e2e8f0;font-size:.825rem;color:#475569;line-height:1.4}.appts-card-foot{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;justify-content:flex-end}.appts-btn-act{padding:.45rem .8rem;border-radius:10px;font-size:.775rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.35rem;border:none}.appts-btn-act:hover{transform:translateY(-1px)}.btn-act-start{background:#f59e0b;color:#fff}.btn-act-start:hover{background:#d97706}.btn-act-complete{background:#10b981;color:#fff}.btn-act-complete:hover{background:#059669}.btn-act-cancel{background:#ef4444;color:#fff}.btn-act-cancel:hover{background:#dc2626}.btn-act-email{background:#059669;color:#fff}.btn-act-email:hover{background:#047857}.btn-act-edit{background:#2563eb1a;color:#2563eb;border:1px solid rgba(37,99,235,.2)}.btn-act-edit:hover{background:#2563eb;color:#fff}.btn-act-delete{background:#e11d4814;color:#e11d48;border:1px solid rgba(225,29,72,.2)}.btn-act-delete:hover{background:#e11d48;color:#fff}.appts-empty-card{text-align:center;padding:3.5rem 1.5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px}.appts-modal-backdrop{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.appts-modal-box{background:#fff;border-radius:20px;box-shadow:0 20px 50px #0003;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.appts-modal-head{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.appts-modal-title{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.appts-modal-close{background:transparent;border:none;font-size:1.1rem;color:#64748b;cursor:pointer;padding:.3rem;border-radius:8px;transition:all .15s ease}.appts-modal-close:hover{background:#e2e8f0;color:#0f172a}.appts-modal-body{padding:1.5rem}.users-container{max-width:1400px;margin:0 auto;padding:1.5rem;font-family:inherit}.users-header-card{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.5rem 1.75rem;margin-bottom:1.5rem;box-shadow:0 10px 30px -5px #0000000d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.users-header-left{display:flex;align-items:center;gap:1.25rem}.users-header-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 8px 18px -4px #ef444459;flex-shrink:0}.users-title{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.users-subtitle{font-size:.875rem;color:#64748b;margin:0}.users-btn-add{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f640}.users-btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.users-btn-cancel{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;background:#f1f5f9e6;color:#475569;border:1px solid #cbd5e1;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.users-btn-cancel:hover{background:#e2e8f0;color:#0f172a}.users-alert-error{padding:1rem 1.25rem;background:#fee2e2d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #fca5a5;color:#991b1b;border-radius:14px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500;font-size:.9rem;box-shadow:0 4px 12px #ef444414}.users-alert-success{padding:1rem 1.25rem;background:#d1fae5d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #6ee7b7;color:#065f46;border-radius:14px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500;font-size:.9rem;box-shadow:0 4px 12px #10b98114}.users-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.users-stat-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 16px -2px #0000000a;transition:all .2s ease}.users-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px -4px #00000014}.users-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.users-stat-icon.all{background:#6366f11f;color:#6366f1}.users-stat-icon.admin{background:#ef44441f;color:#ef4444}.users-stat-icon.vet{background:#3b82f61f;color:#3b82f6}.users-stat-icon.reception{background:#10b9811f;color:#10b981}.users-stat-val{font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1.2}.users-stat-lbl{font-size:.8rem;color:#64748b;font-weight:600;margin-top:.15rem}.users-form-card{background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:1.75rem;margin-bottom:1.5rem;box-shadow:0 10px 30px -5px #0000000f;animation:usersSlideDown .3s ease-out}@keyframes usersSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.users-form-header{margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.users-form-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:.5rem}.users-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:1.5rem}.users-form-group{display:flex;flex-direction:column;gap:.4rem}.users-form-label{font-size:.825rem;font-weight:600;color:#475569;display:flex;align-items:center;gap:.25rem}.users-required-star{color:#ef4444}.users-input,.users-select{width:100%;padding:.65rem .9rem;font-size:.875rem;background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;outline:none;transition:all .2s ease}.users-input:focus,.users-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.users-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.users-form-hint{font-size:.75rem;color:#64748b;margin-top:.2rem}.users-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #f1f5f9}.users-btn-submit{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f640}.users-btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659}.users-toolbar-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px -2px #0000000a;display:flex;flex-direction:column;gap:1.25rem}.users-role-tabs{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.users-role-pill-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:9999px;font-size:.85rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:#f1f5f9cc;color:#64748b}.users-role-pill-btn:hover{background:#e2e8f0;color:#334155}.users-role-pill-btn.active.all{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #6366f140}.users-role-pill-btn.active.admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef444440}.users-role-pill-btn.active.veterinarian{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f640}.users-role-pill-btn.active.receptionist{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98140}.users-role-count-badge{padding:.15rem .55rem;border-radius:9999px;font-size:.725rem;font-weight:700;background:#00000014}.users-role-pill-btn.active .users-role-count-badge{background:#ffffff40;color:#fff}.users-controls-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.users-search-box{position:relative;flex:1;min-width:260px}.users-search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;font-size:.9rem}.users-search-input{width:100%;padding:.65rem .9rem .65rem 2.6rem;font-size:.875rem;background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;outline:none;transition:all .2s ease}.users-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.users-status-select{min-width:160px;padding:.65rem .9rem;font-size:.875rem;background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;outline:none;cursor:pointer;transition:all .2s ease}.users-status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.users-table-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:20px;overflow:hidden;box-shadow:0 4px 16px -2px #0000000a}.users-count-bar{padding:.85rem 1.5rem;background:#f8fafcb3;border-bottom:1px solid rgba(226,232,240,.8);font-size:.875rem;color:#475569;font-weight:500;display:flex;align-items:center;gap:.5rem}.users-table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;text-align:left}.users-th{padding:1rem 1.25rem;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafccc;border-bottom:1px solid #e2e8f0}.users-tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s ease}.users-tr:hover{background-color:#f8fafccc}.users-td{padding:1rem 1.25rem;font-size:.875rem;color:#334155;vertical-align:middle}.users-cell-user{display:flex;align-items:center;gap:.85rem}.users-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:600;font-size:.95rem;overflow:hidden;flex-shrink:0;box-shadow:0 2px 6px #0000000f}.users-avatar-img{width:100%;height:100%;object-fit:cover}.users-user-name{font-weight:700;color:#0f172a;font-size:.925rem}.users-password-warning{display:inline-flex;align-items:center;gap:.3rem;font-size:.725rem;color:#d97706;background:#fef3c7cc;padding:.15rem .5rem;border-radius:6px;margin-top:.2rem;font-weight:600}.users-role-badge{padding:.3rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:capitalize;display:inline-block;white-space:nowrap}.users-role-badge.admin{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.users-role-badge.veterinarian{background:#3b82f61f;color:#2563eb;border:1px solid rgba(59,130,246,.25)}.users-role-badge.receptionist{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.users-status-badge{padding:.3rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;display:inline-block;white-space:nowrap}.users-status-badge.active{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.users-status-badge.inactive{background:#64748b1f;color:#475569;border:1px solid rgba(100,116,139,.25)}.users-btn-view{padding:.45rem 1rem;background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s ease}.users-btn-view:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.users-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b}.users-spinner{width:44px;height:44px;border:4px solid rgba(59,130,246,.15);border-top:4px solid #3b82f6;border-radius:50%;animation:usersSpin 1s linear infinite;margin-bottom:1rem}@keyframes usersSpin{to{transform:rotate(360deg)}}.users-empty-state{text-align:center;padding:3.5rem 1.5rem;color:#64748b}.users-empty-icon{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.users-modal-overlay{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.users-modal-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:0 20px 50px -10px #00000026;max-width:800px;width:100%;max-height:90vh;overflow:auto;position:relative;animation:usersModalZoom .25s ease-out}@keyframes usersModalZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.users-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;border-bottom:1px solid #f1f5f9}.users-modal-title{font-size:1.35rem;font-weight:800;color:#0f172a;margin:0}.users-modal-close{width:36px;height:36px;border-radius:10px;background:#f1f5f9cc;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s ease}.users-modal-close:hover{background:#e2e8f0;color:#0f172a}.users-modal-body{padding:1.75rem}.users-profile-banner{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid #f1f5f9}.users-profile-avatar-lg{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;color:#64748b;overflow:hidden;flex-shrink:0;box-shadow:0 4px 14px #00000014}.users-profile-avatar-lg-img{width:100%;height:100%;object-fit:cover}.users-profile-meta{flex:1}.users-profile-name{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .5rem}.users-profile-badges{display:flex;align-items:center;gap:.5rem}.users-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.users-detail-box{display:flex;flex-direction:column;gap:.35rem;background:#f8fafc99;padding:1rem;border-radius:14px;border:1px solid rgba(226,232,240,.7)}.users-detail-lbl{font-size:.725rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.users-detail-val{font-size:.925rem;color:#0f172a;font-weight:600}.users-modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;padding:1.25rem 1.75rem;border-top:1px solid #f1f5f9;justify-content:flex-end;background:#f8fafc80}.users-btn-modal-edit{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f633}.users-btn-modal-reset{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f59e0b33}.users-btn-modal-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;border:none;border-radius:10px;font-weight:600;font-size:.85rem;color:#fff;cursor:pointer;transition:all .2s ease}.users-btn-modal-toggle.deactivate{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #f9731633}.users-btn-modal-toggle.activate{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98133}.users-btn-modal-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.users-reset-modal-overlay{position:absolute;inset:0;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:24px;display:flex;align-items:center;justify-content:center;z-index:10;padding:1rem}.users-reset-modal-box{background:#fff;border-radius:18px;padding:1.5rem;width:100%;max-width:440px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:1rem}.users-reset-modal-title{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:.5rem}.users-reset-modal-desc{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.users-reset-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.users-btn-reset-cancel{padding:.6rem 1.25rem;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer}.users-btn-reset-confirm{padding:.6rem 1.25rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ef444433}.users-btn-reset-confirm:disabled{opacity:.5;cursor:not-allowed}.users-deactivate-modal-box{background:#fff;border-radius:20px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 20px 40px #00000026}.users-deactivate-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.users-deactivate-title{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:.5rem}.users-deactivate-body{padding:1.5rem}.users-deactivate-text{margin:0 0 1.5rem;color:#475569;font-size:.925rem;line-height:1.5}.users-deactivate-actions{display:flex;gap:.75rem;justify-content:flex-end}.users-btn-deactivate-cancel{padding:.6rem 1.25rem;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-weight:600;font-size:.85rem;cursor:pointer}.users-btn-deactivate-confirm{padding:.6rem 1.25rem;border-radius:8px;border:none;background:linear-gradient(135deg,#d97706,#b45309);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;box-shadow:0 4px 12px #d9770640}.mgmt-page-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.mgmt-header-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px -4px #0f172a0d;flex-wrap:wrap;gap:1rem}.mgmt-header-left{display:flex;align-items:center;gap:1rem}.mgmt-header-icon-box{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#fff;flex-shrink:0}.mgmt-header-icon-pets{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 6px 18px -4px #2563eb66}.mgmt-header-icon-customers{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 18px -4px #4f46e566}.mgmt-header-text{display:flex;flex-direction:column}.mgmt-title{margin:0;font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.mgmt-subtitle{margin:.15rem 0 0;font-size:.875rem;color:#64748b;font-weight:500}.mgmt-add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #2563eb59;transition:all .2s cubic-bezier(.16,1,.3,1)}.mgmt-add-btn-purple{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 14px #4f46e559}.mgmt-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb73}.mgmt-add-btn-purple:hover{box-shadow:0 6px 20px #4f46e573}.mgmt-control-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.25rem;box-shadow:0 2px 8px #0f172a08;display:flex;flex-direction:column;gap:1rem}.mgmt-search-row{display:flex;gap:1rem;flex-wrap:wrap}.mgmt-search-wrapper{flex:1;min-width:260px;position:relative;display:flex;align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:0 .85rem;transition:all .2s ease}.mgmt-search-wrapper:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3.5px #3b82f61f}.mgmt-search-icon{color:#94a3b8;font-size:.9rem;margin-right:.6rem}.mgmt-search-input{flex:1;border:none;background:transparent;outline:none;padding:.65rem 0;font-size:.875rem;color:#0f172a}.mgmt-search-clear-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.mgmt-search-clear-btn:hover{color:#0f172a}.mgmt-select-input{padding:.65rem 2.25rem .65rem 1rem;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%252364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") no-repeat right .75rem center / 1rem;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.875rem;color:#1e293b;font-weight:500;outline:none;cursor:pointer;appearance:none;transition:all .2s ease}.mgmt-select-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3.5px #3b82f61f;background-color:#fff}.mgmt-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.mgmt-stat-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:.65rem .85rem;display:flex;flex-direction:column}.mgmt-stat-label{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.mgmt-stat-value{font-size:1.2rem;font-weight:800;color:#0f172a;margin-top:.1rem}.mgmt-stat-value.active-color{color:#10b981}.mgmt-stat-value.inactive-color{color:#ef4444}.mgmt-status-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.mgmt-status-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.mgmt-status-tab:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.mgmt-status-tab.active{background:#eff6ff;border-color:#2563eb;color:#1d4ed8;box-shadow:0 2px 8px #2563eb1f}.mgmt-tab-count{font-size:.72rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:#f1f5f9;color:#64748b}.mgmt-status-tab.active .mgmt-tab-count{background:#dbeafe;color:#1d4ed8}.mgmt-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px -4px #0f172a0d;overflow:hidden}.mgmt-table{width:100%;border-collapse:collapse;text-align:left}.mgmt-th{background:#f8fafc;padding:.85rem 1.15rem;font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e2e8f0}.mgmt-tr{transition:background-color .15s ease;border-bottom:1px solid #f1f5f9}.mgmt-tr:last-child{border-bottom:none}.mgmt-tr:hover{background-color:#f8fafc}.mgmt-td{padding:.95rem 1.15rem;font-size:.875rem;color:#1e293b;vertical-align:middle}.mgmt-item-cell{display:flex;align-items:center;gap:.85rem}.mgmt-avatar-circle{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #e2e8f0}.mgmt-avatar-initials{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.mgmt-avatar-initials-purple{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.mgmt-avatar-icon{width:40px;height:40px;border-radius:50%;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.mgmt-item-info{display:flex;flex-direction:column}.mgmt-item-name{font-size:.92rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.45rem}.mgmt-item-subtext{font-size:.78rem;color:#64748b}.mgmt-badge-inactive{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.08rem .4rem;border-radius:4px;background-color:#fee2e2;color:#dc2626}.mgmt-gender-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:6px;font-size:.75rem;font-weight:600;background-color:#f1f5f9;color:#475569}.mgmt-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;background-color:#dcfce7;color:#15803d}.mgmt-count-badge.zero{background-color:#f1f5f9;color:#94a3b8}.mgmt-owner-link{color:#2563eb;font-weight:600;text-decoration:none;cursor:pointer}.mgmt-owner-link:hover{text-decoration:underline}.mgmt-view-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;background-color:#eff6ff;color:#2563eb;border:1px solid #dbeafe;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.mgmt-view-btn:hover{background-color:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 2px 8px #2563eb40}.mgmt-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;flex-wrap:wrap;gap:.75rem}.mgmt-pagination-btns{display:flex;align-items:center;gap:.35rem}.mgmt-page-btn{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 .5rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.mgmt-page-btn:hover:not(:disabled){background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.mgmt-page-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 2px 6px #2563eb40}.mgmt-page-btn:disabled{opacity:.4;cursor:not-allowed}.mgmt-empty-card{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.mgmt-empty-icon{font-size:2.5rem;color:#cbd5e1}.mgmt-empty-text{font-size:.95rem;color:#64748b;margin:0}.form-page-container{max-width:1100px;margin:0 auto;padding:1.75rem 1.5rem 3rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a}.form-page-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.9);border-radius:1.25rem;padding:1.5rem 1.75rem;margin-bottom:1.75rem;box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #00000005}.form-page-hero-left{display:flex;align-items:center;gap:1.25rem}.form-page-icon-tile{width:52px;height:52px;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 8px 18px -4px #2563eb59;flex-shrink:0}.icon-tile-pet{background:linear-gradient(135deg,#3b82f6,#2563eb)}.icon-tile-customer{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 8px 18px -4px #7c3aed59}.form-page-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.form-page-subtitle{font-size:.875rem;color:#64748b;margin:0;font-weight:500}.form-page-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.15rem;border-radius:9999px;background:#fff;border:1px solid #cbd5e1;color:#334155;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #00000008}.form-page-back-btn:hover{background:#f8fafc;color:#1e293b;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.form-page-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.9);border-radius:1.25rem;padding:2rem;box-shadow:0 20px 40px -15px #0000000d,0 0 1px #0000001a}.form-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid #e2e8f0}.form-card-title-group{display:flex;flex-direction:column;gap:.25rem}.form-card-title{font-size:1.35rem;font-weight:800;color:#0f172a;margin:0}.form-card-subtitle{font-size:.85rem;color:#64748b;margin:0}.form-card-close-btn{width:36px;height:36px;border-radius:50%;background:#f1f5f9;border:none;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .2s}.form-card-close-btn:hover{background:#e2e8f0;color:#0f172a}.form-card-error{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.15rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#991b1b;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.form-card-error-icon{font-size:1.1rem;color:#dc2626;flex-shrink:0}.form-card-note{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#64748b;margin:0 0 1.5rem;background:#f8fafc;padding:.5rem .85rem;border-radius:.5rem;border:1px solid #f1f5f9;width:fit-content}.form-card-required{color:#ef4444;font-weight:700}.form-section-box{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #00000005;transition:border-color .2s}.form-section-box:focus-within{border-color:#cbd5e1}.form-section-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.form-section-icon{width:32px;height:32px;border-radius:.5rem;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.form-section-icon-purple{background:#f3e8ff;color:#7c3aed}.form-section-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0}.form-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.form-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:768px){.form-grid-2col,.form-grid-3col{grid-template-columns:1fr}.form-page-hero{flex-direction:column;align-items:flex-start}}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group-full{grid-column:1 / -1}.form-label{font-size:.85rem;font-weight:600;color:#334155;display:flex;align-items:center;justify-content:space-between}.form-input,.form-select,.form-textarea{width:100%;padding:.7rem .9rem;font-size:.9rem;font-family:inherit;color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:.6rem;outline:none;transition:all .2s ease-in-out;box-shadow:0 1px 2px #00000008}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;background-color:#fff}.form-input:disabled,.form-select:disabled{background-color:#f8fafc;color:#94a3b8;border-color:#e2e8f0;cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:.75rem;color:#64748b;margin-top:.2rem}.form-checkbox-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.form-checkbox-card:hover{background:#f1f5f9;border-color:#cbd5e1}.form-checkbox-card input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb;cursor:pointer}.form-checkbox-label{font-size:.875rem;font-weight:600;color:#1e293b;cursor:pointer}.form-checkbox-subtext{font-size:.78rem;color:#64748b;margin-top:.15rem}.form-add-pet-toggle{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.35rem;background:linear-gradient(135deg,#eff6ff,#e0e7ff);border:1.5px solid #bfdbfe;border-radius:1rem;margin-bottom:1.5rem;cursor:pointer;transition:all .2s}.form-add-pet-toggle:hover{border-color:#93c5fd;box-shadow:0 4px 12px #2563eb1a}.form-add-pet-left{display:flex;align-items:center;gap:.85rem}.form-add-pet-icon{width:38px;height:38px;border-radius:.6rem;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.form-add-pet-title{font-size:1rem;font-weight:700;color:#1e3a8a;margin:0}.form-add-pet-sub{font-size:.8rem;color:#3b82f6;margin:0}.form-action-footer{display:flex;align-items:center;justify-content:flex-end;gap:.85rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.form-btn-secondary{padding:.65rem 1.35rem;background-color:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:.6rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.form-btn-secondary:hover:not(:disabled){background-color:#f8fafc;color:#1e293b;border-color:#94a3b8}.form-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:.6rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #2563eb40}.form-btn-purple{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #7c3aed40}.form-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.form-btn-purple:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 6px 16px #7c3aed59}.form-btn-primary:disabled,.form-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;gap:1rem}.form-page-spinner{width:42px;height:42px;border:3.5px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:formSpin .8s linear infinite}@keyframes formSpin{to{transform:rotate(360deg)}}.cust-detail-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.cust-detail-top-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.cust-detail-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0f172a0a;transition:all .2s cubic-bezier(.16,1,.3,1)}.cust-detail-back-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1;transform:translate(-2px)}.cust-detail-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cust-btn-edit{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #4f46e559;transition:all .2s ease}.cust-btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 18px #4f46e573}.cust-btn-delete{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cust-btn-delete:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 4px 12px #dc26264d}.cust-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 20px -4px #0f172a0d;overflow:hidden}.cust-profile-hero{padding:2rem;background:linear-gradient(135deg,#f8fafcf2,#f3e8ff99);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.cust-hero-left{display:flex;align-items:center;gap:1.5rem}.cust-avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.85rem;font-weight:800;flex-shrink:0;box-shadow:0 8px 20px -4px #4f46e566;border:3px solid #ffffff}.cust-hero-details{display:flex;flex-direction:column;gap:.35rem}.cust-hero-name-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cust-hero-name{margin:0;font-size:1.85rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.cust-hero-id{font-size:.78rem;font-weight:700;color:#64748b;background:#f1f5f9;padding:.2rem .6rem;border-radius:8px}.cust-hero-contact-row{display:flex;align-items:center;gap:1.25rem;font-size:.875rem;color:#64748b;flex-wrap:wrap}.cust-hero-contact-item{display:inline-flex;align-items:center;gap:.4rem}.cust-quick-actions-bar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.85rem 1.75rem;background:#fff;border-bottom:1px solid #f1f5f9}.cust-whatsapp-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;background:#25d366;color:#fff;border:none;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #25d3664d}.cust-whatsapp-btn:hover{background:#20bd5a;transform:translateY(-1px)}.cust-email-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;background:#4f46e5;color:#fff;border:none;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #4f46e54d}.cust-email-btn:hover{background:#4338ca;transform:translateY(-1px)}.cust-body-content{padding:1.75rem;display:flex;flex-direction:column;gap:1.5rem}.cust-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.5rem;box-shadow:0 2px 8px #0f172a08;display:flex;flex-direction:column;gap:1rem}.cust-card-title{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.6rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.cust-card-title i{color:#4f46e5;font-size:1rem}.cust-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.cust-info-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.25rem}.cust-info-label{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.cust-info-value{font-size:.95rem;font-weight:600;color:#0f172a}.cust-pets-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px -4px #0f172a0d;display:flex;flex-direction:column;gap:1.25rem}.cust-pets-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.cust-pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.cust-pet-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.cust-pet-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 24px -6px #3b82f626}.cust-pet-header{display:flex;justify-content:space-between;align-items:center}.cust-pet-name{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.cust-pet-species-badge{font-size:.75rem;font-weight:700;color:#2563eb;background:#eff6ff;padding:.2rem .65rem;border-radius:999px;border:1px solid #dbeafe}.cust-pet-details-list{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;color:#475569}.cust-view-pet-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;background:#eff6ff;color:#2563eb;border:1px solid #dbeafe;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;margin-top:.25rem;transition:all .15s ease}.cust-view-pet-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 3px 10px #2563eb40}.pet-detail-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.pet-detail-top-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pet-detail-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0f172a0a;transition:all .2s cubic-bezier(.16,1,.3,1)}.pet-detail-back-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1;transform:translate(-2px)}.pet-detail-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pet-btn-edit{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #2563eb4d;transition:all .2s ease}.pet-btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.pet-btn-delete{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pet-btn-delete:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 4px 12px #dc26264d}.pet-alert-error{padding:1rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#991b1b;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.pet-alert-success{padding:1rem 1.25rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;color:#166534;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.pet-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 20px -4px #0f172a0d;overflow:hidden}.pet-profile-hero{padding:2rem;background:linear-gradient(135deg,#f8fafce6,#eff6ff99);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.pet-hero-left{display:flex;align-items:center;gap:1.5rem}.pet-avatar-wrapper{position:relative;width:90px;height:90px;border-radius:50%;flex-shrink:0;box-shadow:0 8px 24px -6px #0f172a26}.pet-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3.5px solid #ffffff}.pet-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.2rem;border:3.5px solid #ffffff}.pet-hero-details{display:flex;flex-direction:column;gap:.25rem}.pet-hero-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pet-hero-name{margin:0;font-size:1.85rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.pet-hero-id{font-size:.78rem;font-weight:700;color:#64748b;background:#f1f5f9;padding:.2rem .6rem;border-radius:8px;letter-spacing:.04em}.pet-hero-subtitle{margin:0;font-size:.95rem;color:#64748b;font-weight:500}.pet-hero-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pet-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.02em}.pet-badge-active{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.pet-badge-inactive{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.pet-badge-male{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.pet-badge-female{background:#fce7f3;color:#be185d;border:1px solid #fbcfe8}.pet-tabs-bar{display:flex;align-items:center;gap:.35rem;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;overflow-x:auto;scrollbar-width:none}.pet-tabs-bar::-webkit-scrollbar{display:none}.pet-tab-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.15rem;background:transparent;border:none;border-radius:12px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1)}.pet-tab-btn i{font-size:.95rem;color:#94a3b8;transition:color .2s ease}.pet-tab-btn:hover{background:#f8fafc;color:#0f172a}.pet-tab-btn:hover i{color:#3b82f6}.pet-tab-btn.active{background:#eff6ff;color:#1d4ed8;box-shadow:0 2px 8px #2563eb1f}.pet-tab-btn.active i{color:#2563eb}.pet-tab-badge{font-size:.72rem;font-weight:700;padding:.1rem .5rem;border-radius:999px;background:#f1f5f9;color:#64748b}.pet-tab-btn.active .pet-tab-badge{background:#dbeafe;color:#1d4ed8}.pet-tab-content-container{padding:1.75rem;display:flex;flex-direction:column;gap:1.5rem}.pet-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.5rem;box-shadow:0 2px 8px #0f172a08;display:flex;flex-direction:column;gap:1.25rem}.pet-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding-bottom:.85rem;border-bottom:1px solid #f1f5f9}.pet-section-title{margin:0;font-size:1.15rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.6rem}.pet-section-title i{color:#3b82f6;font-size:1.05rem}.pet-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.pet-info-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.25rem}.pet-info-label{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.pet-info-value{font-size:.95rem;font-weight:600;color:#0f172a}.pet-owner-link-btn{color:#2563eb;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:color .15s ease}.pet-owner-link-btn:hover{color:#1d4ed8;text-decoration:underline}.pet-image-upload-wrapper{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.pet-image-preview-box{width:130px;height:130px;border-radius:18px;overflow:hidden;border:2px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pet-image-preview-img{width:100%;height:100%;object-fit:cover}.pet-image-empty-placeholder{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:#94a3b8;font-size:.85rem}.pet-image-empty-placeholder i{font-size:1.8rem}.pet-image-actions-group{display:flex;flex-direction:column;gap:.75rem}.pet-image-btn-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pet-breeding-card{background:linear-gradient(135deg,#fdf2f8,#fff);border:1.5px solid #fbcfe8;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.pet-history-list{display:flex;flex-direction:column;gap:1rem}.pet-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.15rem;box-shadow:0 2px 6px #0f172a05;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem}.pet-history-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 18px -4px #3b82f61f}.pet-history-header{display:flex;justify-content:space-between;align-items:center}.pet-history-date{font-size:.85rem;font-weight:700;color:#2563eb;background:#eff6ff;padding:.2rem .65rem;border-radius:8px}.pet-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.pet-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 50px -10px #0f172a40;width:100%;max-width:480px;overflow:hidden;animation:petModalPop .2s cubic-bezier(.16,1,.3,1)}@keyframes petModalPop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.pet-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;background:#f8fafc}.pet-modal-title{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.pet-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.med-records-container{max-width:1400px;margin:0 auto;padding:.5rem 0 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1e293b}.med-records-header-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:1.5rem 2rem;margin-bottom:1.75rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px -5px #0000000a,0 4px 6px -2px #00000005;gap:1.5rem;flex-wrap:wrap}.med-records-header-content{display:flex;align-items:center;gap:1.25rem}.med-records-header-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#4f46e5,#06b6d4);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 8px 20px -4px #4f46e559;flex-shrink:0}.med-records-header-title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.med-records-header-subtitle{font-size:.925rem;color:#64748b;margin:0;font-weight:500}.med-records-count-badge{background:#4f46e51a;color:#4f46e5;padding:.15rem .5rem;border-radius:9999px;font-weight:700;font-size:.8rem;margin-left:.35rem}.med-records-btn-create{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 6px 20px -4px #2563eb59;transition:all .2s ease;white-space:nowrap}.med-records-btn-create:hover{transform:translateY(-2px);box-shadow:0 10px 25px -4px #2563eb73;background:linear-gradient(135deg,#1d4ed8,#2563eb)}.med-records-filters-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:18px;padding:1.25rem 1.5rem;margin-bottom:1.75rem;box-shadow:0 4px 15px -3px #00000008}.med-records-search-box{position:relative;margin-bottom:1rem}.med-records-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.9rem}.med-records-search-input{width:100%;padding:.7rem 1rem .7rem 2.6rem;border-radius:12px;border:1px solid #cbd5e1;font-size:.9rem;color:#0f172a;background:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.med-records-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.med-records-filter-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.med-records-date-group{display:flex;flex-direction:column;gap:.35rem}.med-records-date-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.med-records-input-select{padding:.65rem .9rem;border-radius:12px;border:1px solid #cbd5e1;font-size:.875rem;color:#1e293b;background:#fff;outline:none;transition:all .2s ease;min-width:170px}.med-records-input-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.med-records-btn-clear{padding:.65rem 1.1rem;border-radius:12px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.med-records-btn-clear:hover{background:#f1f5f9;border-color:#94a3b8}.med-records-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.875rem 1.25rem;border-radius:14px;margin-bottom:1.5rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.6rem}.med-records-table-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;box-shadow:0 10px 30px -5px #0000000a;overflow:hidden;margin-bottom:1.5rem}.med-records-table-wrapper{overflow-x:auto;max-height:calc(100vh - 360px)}.med-records-table{width:100%;border-collapse:collapse;text-align:left}.med-records-table th{background:#f8fafcf2;padding:1rem 1.25rem;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:5}.med-records-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s ease}.med-records-table tbody tr:hover{background:#f1f5f999}.med-records-table td{padding:1.1rem 1.25rem;font-size:.875rem;color:#334155;vertical-align:middle}.med-records-pet-link{color:#2563eb;font-weight:700;cursor:pointer;transition:color .15s ease;text-decoration:none}.med-records-pet-link:hover{color:#1d4ed8;text-decoration:underline}.med-records-subtext{font-size:.75rem;color:#64748b;margin-top:2px}.med-records-badge-required{background:#fef3c7;color:#92400e;border:1px solid #fde68a;padding:.25rem .65rem;border-radius:9999px;font-size:.725rem;font-weight:700;display:inline-block}.med-records-badge-none{color:#94a3b8;font-size:.85rem;font-weight:500}.med-records-btn-view{background:#2563eb14;color:#2563eb;border:1px solid rgba(37,99,235,.2);padding:.45rem .85rem;border-radius:10px;font-size:.775rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.35rem}.med-records-btn-view:hover{background:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb40}.med-records-summary-footer{padding:.875rem 1.5rem;font-size:.85rem;color:#64748b;background:#f8fafccc;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.med-records-pagination-bar{display:flex;justify-content:center;align-items:center;gap:.4rem;padding:1rem;border-top:1px solid #e2e8f0;background:#fffc}.med-records-pag-btn{background:#fff;color:#334155;border:1px solid #cbd5e1;padding:.45rem .8rem;min-width:36px;font-size:.85rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease}.med-records-pag-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.med-records-pag-btn.is-active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb40}.med-records-pag-btn:disabled{background:#f8fafc;color:#cbd5e1;border-color:#e2e8f0;cursor:not-allowed}.med-records-empty-card{text-align:center;padding:3.5rem 1.5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px}.med-records-empty-icon{font-size:2.5rem;color:#cbd5e1;margin-bottom:1rem}.med-detail-container{max-width:1200px;margin:0 auto;padding:.5rem 0 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1e293b}.med-detail-header-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:1.5rem 2rem;margin-bottom:1.75rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px -5px #0000000a;gap:1.5rem;flex-wrap:wrap}.med-detail-back-btn{background:#2563eb14;color:#2563eb;border:1px solid rgba(37,99,235,.2);padding:.5rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.75rem}.med-detail-back-btn:hover{background:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb40}.med-detail-title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.med-detail-subtitle{font-size:.925rem;color:#64748b;margin:0;font-weight:500}.med-detail-actions{display:flex;gap:.75rem;align-items:center}.med-detail-btn-edit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.7rem 1.35rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #10b9814d;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.med-detail-btn-edit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.med-detail-btn-delete{background:#e11d4814;color:#e11d48;border:1px solid rgba(225,29,72,.2);padding:.7rem 1.35rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.med-detail-btn-delete:hover{background:#e11d48;color:#fff;box-shadow:0 4px 12px #e11d484d}.med-detail-grid{display:grid;gap:1.5rem}.med-detail-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:1.5rem;box-shadow:0 4px 15px -3px #00000008}.med-detail-card-title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.6rem}.med-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.med-detail-info-item{display:flex;flex-direction:column;gap:.3rem}.med-detail-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.med-detail-value{font-size:.975rem;color:#0f172a;font-weight:600}.med-detail-link-value{font-size:.975rem;color:#2563eb;font-weight:700;cursor:pointer;text-decoration:none;transition:color .15s ease}.med-detail-link-value:hover{color:#1d4ed8;text-decoration:underline}.med-detail-text-content{font-size:.95rem;color:#334155;line-height:1.6;margin:.4rem 0 0;white-space:pre-wrap;background:#f8fafc;padding:.85rem 1rem;border-radius:12px;border:1px solid #e2e8f0}.med-detail-vitals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.med-detail-vital-card{background:linear-gradient(135deg,#f8fafce6,#f1f5f9e6);border:1px solid #e2e8f0;padding:1.1rem;border-radius:14px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.med-detail-vital-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px -3px #0000000d}.med-detail-vital-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.med-detail-vital-value{font-size:1.4rem;font-weight:800;color:#0f172a}.med-detail-follow-yes{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:.35rem .85rem;border-radius:9999px;font-size:.85rem;font-weight:700;display:inline-block}.med-detail-follow-no{color:#64748b;font-weight:500}.med-detail-modal-backdrop{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.med-detail-modal-box{background:#fff;border-radius:20px;box-shadow:0 20px 50px #0003;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.med-detail-modal-head{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.med-detail-modal-title{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.med-detail-modal-close{background:transparent;border:none;font-size:1.1rem;color:#64748b;cursor:pointer;padding:.3rem;border-radius:8px;transition:all .15s ease}.med-detail-modal-close:hover{background:#e2e8f0;color:#0f172a}.medrec-create-container{max-width:1100px;margin:0 auto;padding:1.75rem 1.5rem 3rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a}.medrec-create-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.9);border-radius:1.25rem;padding:1.5rem 1.75rem;margin-bottom:1.75rem;box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #00000005}.medrec-create-hero-left{display:flex;align-items:center;gap:1.25rem}.medrec-create-icon-tile{width:52px;height:52px;border-radius:1rem;background:linear-gradient(135deg,#4f46e5,#06b6d4);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 8px 18px -4px #4f46e559;flex-shrink:0}.medrec-create-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.medrec-create-subtitle{font-size:.875rem;color:#64748b;margin:0;font-weight:500}.medrec-create-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.15rem;border-radius:9999px;background:#fff;border:1px solid #cbd5e1;color:#334155;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #00000008}.medrec-create-back-btn:hover{background:#f8fafc;color:#1e293b;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.medrec-create-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.9);border-radius:1.25rem;padding:2rem;box-shadow:0 20px 40px -15px #0000000d,0 0 1px #0000001a}.medrec-form-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid #e2e8f0}.medrec-form-title-group{display:flex;flex-direction:column;gap:.25rem}.medrec-form-title{font-size:1.35rem;font-weight:800;color:#0f172a;margin:0}.medrec-form-subtitle{font-size:.85rem;color:#64748b;margin:0}.medrec-form-close-btn{width:36px;height:36px;border-radius:50%;background:#f1f5f9;border:none;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .2s}.medrec-form-close-btn:hover{background:#e2e8f0;color:#0f172a}.medrec-form-error{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.15rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#991b1b;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.medrec-form-error-icon{font-size:1.1rem;color:#dc2626;flex-shrink:0}.medrec-form-note{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#64748b;margin:0 0 1.5rem;background:#f8fafc;padding:.5rem .85rem;border-radius:.5rem;border:1px solid #f1f5f9;width:fit-content}.medrec-form-required{color:#ef4444;font-weight:700}.medrec-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #00000005;transition:border-color .2s}.medrec-form-section:focus-within{border-color:#cbd5e1}.medrec-form-section-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.medrec-form-section-icon{width:32px;height:32px;border-radius:.5rem;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.medrec-form-section-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0}.medrec-form-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.medrec-form-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.medrec-form-grid-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media(max-width:900px){.medrec-form-grid-4col{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.medrec-form-grid-2col,.medrec-form-grid-3col,.medrec-form-grid-4col{grid-template-columns:1fr}.medrec-create-hero{flex-direction:column;align-items:flex-start}}.medrec-form-group{display:flex;flex-direction:column;gap:.45rem}.medrec-form-group-full{grid-column:1 / -1}.medrec-form-label{font-size:.85rem;font-weight:600;color:#334155;display:flex;align-items:center;justify-content:space-between}.medrec-form-input,.medrec-form-select,.medrec-form-textarea{width:100%;padding:.7rem .9rem;font-size:.9rem;font-family:inherit;color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:.6rem;outline:none;transition:all .2s ease-in-out;box-shadow:0 1px 2px #00000008}.medrec-form-input:focus,.medrec-form-select:focus,.medrec-form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f;background-color:#fff}.medrec-form-input:disabled,.medrec-form-select:disabled{background-color:#f8fafc;color:#64748b;border-color:#e2e8f0;cursor:not-allowed}.medrec-form-textarea{resize:vertical;min-height:100px}.medrec-form-hint{font-size:.75rem;color:#64748b;margin-top:.2rem}.vital-input-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:.85rem;display:flex;flex-direction:column;gap:.4rem;transition:border-color .2s}.vital-input-card:focus-within{border-color:#818cf8;background:#fff}.vital-card-header{display:flex;align-items:center;justify-content:space-between}.vital-card-title{font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.03em}.vital-card-unit{font-size:.75rem;font-weight:600;color:#6366f1;background:#eef2ff;padding:.15rem .45rem;border-radius:.35rem}.medrec-checkbox-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.medrec-checkbox-card:hover{background:#f1f5f9;border-color:#cbd5e1}.medrec-checkbox-card input[type=checkbox]{width:18px;height:18px;accent-color:#4f46e5;cursor:pointer}.medrec-checkbox-label{font-size:.875rem;font-weight:600;color:#1e293b;cursor:pointer}.medrec-action-footer{display:flex;align-items:center;justify-content:flex-end;gap:.85rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.medrec-btn-secondary{padding:.65rem 1.35rem;background-color:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:.6rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.medrec-btn-secondary:hover:not(:disabled){background-color:#f8fafc;color:#1e293b;border-color:#94a3b8}.medrec-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;border:none;border-radius:.6rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #4f46e540}.medrec-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#0891b2);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.medrec-btn-primary:disabled,.medrec-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.medrec-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;gap:1rem}.medrec-page-spinner{width:42px;height:42px;border:3.5px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:medrecSpin .8s linear infinite}@keyframes medrecSpin{to{transform:rotate(360deg)}}.ai-assistant-page{font-family:Inter,sans-serif;background-color:#f9fafb;max-width:860px;margin:0 auto;padding:1rem 0 2rem}.ai-assistant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.ai-assistant-header h1{font-size:1.5rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.5rem}.ai-assistant-subtitle{color:#6b7280;font-size:.85rem;margin-top:.25rem}.ai-assistant-chat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;min-height:320px;max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.ai-message{display:flex}.ai-message-user{justify-content:flex-end}.ai-message-assistant{justify-content:flex-start}.ai-message-bubble{max-width:80%;padding:.65rem .9rem;border-radius:12px;font-size:.9rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.ai-message-bubble p{margin:0 0 .6rem}.ai-message-bubble p:last-child{margin-bottom:0}.ai-message-heading{margin:.7rem 0 .35rem;font-weight:700;line-height:1.3}.ai-message-heading:first-child{margin-top:0}.ai-message-heading-1{font-size:1.05rem}.ai-message-heading-2{font-size:.98rem}.ai-message-heading-3{font-size:.92rem;font-weight:600}.ai-message-list{margin:0 0 .6rem;padding-left:1.25rem}.ai-message-list:last-child{margin-bottom:0}.ai-message-list li{margin-bottom:.25rem}.ai-message-user .ai-message-bubble{background:#4338ca;color:#fff;border-bottom-right-radius:4px}.ai-message-assistant .ai-message-bubble{background:#f3f4f6;color:#1f2937;border-bottom-left-radius:4px}.ai-message-loading{color:#9ca3af;font-style:italic;display:inline-flex;align-items:center;gap:.35rem}.ai-thinking-dots{display:inline-flex;align-items:center;gap:.2rem}.ai-thinking-dots span{width:5px;height:5px;border-radius:50%;background:currentColor;animation:ai-thinking-bounce 1.2s infinite ease-in-out both}.ai-thinking-dots span:nth-child(1){animation-delay:-.32s}.ai-thinking-dots span:nth-child(2){animation-delay:-.16s}.ai-thinking-dots span:nth-child(3){animation-delay:0s}@keyframes ai-thinking-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.ai-message-chart{width:520px;max-width:100%;margin-top:.6rem;padding:.6rem .4rem .2rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;white-space:normal}.ai-message-chart-title{font-size:.78rem;font-weight:600;color:#374151;text-align:center;margin-bottom:.4rem}.ai-chart-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.45rem .65rem;font-size:.75rem;box-shadow:0 2px 8px #00000014}.ai-chart-tooltip-label{font-weight:600;color:#374151;margin-bottom:.2rem}.ai-chart-tooltip-row{color:#4b5563}@media(max-width:768px){.ai-message-chart{width:100%}}.ai-message-sources{margin-top:.5rem;font-size:.75rem;color:#6b7280;line-height:1.45}.ai-message-sources-label{display:block;font-weight:600;margin-bottom:.35rem;color:#6b7280}.ai-message-sources-label i{margin-right:.3rem}.ai-source-tag{display:inline-flex;align-items:center;background:#f3f4f6;color:#475569;border:1px solid #e5e7eb;font-size:.72rem;font-weight:500;padding:.15rem .6rem;border-radius:999px;line-height:1.3}.ai-message-sources-general{font-style:italic;color:#6b7280}.ai-action-confirm{display:flex;gap:.5rem;margin-top:.75rem}.ai-action-confirm-btn,.ai-action-cancel-btn{border:none;border-radius:8px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.ai-action-confirm-btn{background:#4338ca;color:#fff}.ai-action-confirm-btn:disabled,.ai-action-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.ai-action-cancel-btn{background:#e5e7eb;color:#374151}.ai-option-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.ai-option-btn{border:1px solid #c7d2fe;background:#eef2ff;color:#4338ca;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:600;cursor:pointer}.ai-option-btn:disabled{opacity:.6;cursor:not-allowed}.ai-assistant-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:.6rem .9rem;font-size:.85rem;margin-bottom:1rem}.ai-suggested-prompts{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.ai-suggested-prompts button{background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:.4rem .85rem;font-size:.8rem;color:#374151;cursor:pointer}.ai-suggested-prompts button:hover{background:#f3f4f6}.ai-assistant-input-row{display:flex;gap:.5rem;align-items:flex-end}.ai-assistant-input-row textarea{flex:1;border:1px solid #d1d5db;border-radius:10px;padding:.7rem .9rem;font-size:.9rem;font-family:inherit;resize:none;overflow-y:auto;max-height:9rem;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box}.ai-assistant-input-row button{background:#4338ca;color:#fff;border:none;border-radius:10px;padding:0 1.1rem;cursor:pointer}.ai-assistant-input-row button:disabled{opacity:.5;cursor:not-allowed}.analytics-container{max-width:1400px;margin:0 auto;padding:.5rem 0 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1e293b}.analytics-header-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:1.5rem 2rem;margin-bottom:1.75rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px -5px #0000000a,0 4px 6px -2px #00000005;gap:1.5rem;flex-wrap:wrap}.analytics-header-content{display:flex;align-items:center;gap:1.25rem}.analytics-header-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 8px 20px -4px #7c3aed59;flex-shrink:0}.analytics-header-title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.analytics-header-subtitle{font-size:.925rem;color:#64748b;margin:0;font-weight:500}.analytics-btn-action{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;padding:.7rem 1.4rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 6px 20px -4px #2563eb59;transition:all .2s ease;white-space:nowrap}.analytics-btn-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -4px #2563eb73}.analytics-btn-action:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.analytics-btn-purple{background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 6px 20px -4px #7c3aed59}.analytics-btn-purple:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#7c3aed)}.analytics-btn-emerald{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px -4px #10b98159}.analytics-btn-emerald:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.analytics-nav-tabs{display:flex;gap:.6rem;border-bottom:2px solid #e2e8f0;margin-bottom:1.75rem;flex-wrap:wrap}.analytics-tab-btn{padding:.75rem 1.35rem;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;background:transparent;cursor:pointer;font-size:.9rem;font-weight:600;color:#64748b;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;border-radius:8px 8px 0 0}.analytics-tab-btn:hover{color:#2563eb;background:#f1f5f999}.analytics-tab-btn.is-active{color:#2563eb;border-bottom-color:#2563eb;background:#eff6ff99}.analytics-glass-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;box-shadow:0 4px 15px -3px #00000008;margin-bottom:1.75rem;overflow:hidden}.analytics-card-header{border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem;background:#f8fafccc}.analytics-card-title{font-size:1.1rem;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:.5rem}.analytics-card-body{padding:1.5rem}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.analytics-stat-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:1.1rem 1.25rem;box-shadow:0 4px 15px -3px #00000008;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.analytics-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000012}.analytics-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.analytics-stat-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.analytics-stat-value{font-size:1.45rem;font-weight:800;color:#0f172a;line-height:1.1;letter-spacing:-.02em;word-break:break-word;overflow-wrap:anywhere}.analytics-filters-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:18px;padding:1.25rem 1.5rem;margin-bottom:1.75rem;box-shadow:0 4px 15px -3px #00000008}.analytics-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.analytics-filter-label{display:block;font-size:.75rem;font-weight:700;color:#64748b;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.analytics-select-input{width:100%;padding:.65rem .85rem;border-radius:12px;border:1px solid #cbd5e1;font-size:.875rem;color:#0f172a;background:#fff;outline:none;box-sizing:border-box;transition:all .2s ease}.analytics-select-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.analytics-table-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;box-shadow:0 10px 30px -5px #0000000a;overflow:hidden;margin-bottom:1.5rem}.analytics-table{width:100%;border-collapse:collapse;text-align:left}.analytics-table th{background:#f8fafcf2;padding:1rem 1.25rem;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:5}.analytics-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s ease}.analytics-table tbody tr:hover{background:#f1f5f999}.analytics-table td{padding:1rem 1.25rem;font-size:.875rem;color:#334155;vertical-align:middle}.analytics-badge{padding:.25rem .65rem;border-radius:9999px;font-size:.725rem;font-weight:700;display:inline-block;letter-spacing:.02em}.analytics-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.875rem 1.25rem;border-radius:14px;margin-bottom:1.5rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.6rem}.analytics-alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;padding:.875rem 1.25rem;border-radius:14px;margin-bottom:1.5rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.6rem;box-shadow:0 4px 12px #10b9811a}.disease-detail-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.disease-detail-top-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.disease-detail-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0f172a0a;transition:all .2s cubic-bezier(.16,1,.3,1)}.disease-detail-back-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1;transform:translate(-2px)}.disease-detail-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.disease-btn-edit{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #2563eb4d;transition:all .2s ease}.disease-btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.disease-btn-delete{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.disease-btn-delete:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 4px 12px #dc26264d}.disease-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:1.75rem 2rem;box-shadow:0 4px 20px -4px #0f172a0d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.25rem;background:linear-gradient(135deg,#fffffff2,#f8fafcf2)}.disease-header-title{margin:0;font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.disease-header-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#64748b;font-weight:500;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.disease-badge-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.disease-pill-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.03em}.disease-main-grid{display:grid;grid-template-columns:1fr 360px;gap:1.5rem}@media(max-width:1024px){.disease-main-grid{grid-template-columns:1fr}}.disease-left-col,.disease-right-col{display:flex;flex-direction:column;gap:1.5rem}.disease-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem;box-shadow:0 2px 8px #0f172a08;display:flex;flex-direction:column;gap:1.15rem}.disease-card-title{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.6rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.disease-card-title i{color:#2563eb;font-size:1rem}.disease-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.disease-info-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.25rem}.disease-info-label{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.disease-info-value{font-size:.95rem;font-weight:600;color:#0f172a}.inv-container{max-width:1400px;margin:0 auto;padding:1.5rem;font-family:inherit}.inv-header-card{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.5rem 1.75rem;margin-bottom:1.5rem;box-shadow:0 10px 30px -5px #0000000d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.inv-header-left{display:flex;align-items:center;gap:1.25rem}.inv-header-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 8px 18px -4px #f59e0b59;flex-shrink:0}.inv-title{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.inv-subtitle{font-size:.875rem;color:#64748b;margin:0}.inv-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:.875rem;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 14px #2563eb4d;transition:all .2s ease;text-decoration:none}.inv-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.inv-btn-disabled{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.4rem;border-radius:12px;background:#f1f5f9;color:#94a3b8;border:1px solid #e2e8f0;font-size:.875rem;font-weight:600;cursor:not-allowed}.inv-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.inv-stat-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:1.1rem 1.25rem;box-shadow:0 4px 16px -2px #0000000a;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.inv-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px -4px #00000014}.inv-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.inv-stat-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.inv-stat-value{font-size:1.35rem;font-weight:800;color:#0f172a;line-height:1.2;word-break:break-word;overflow-wrap:anywhere}.inv-alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem}.inv-alert-card{border-radius:16px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:all .2s ease;border-left-width:4px;border-left-style:solid}.inv-alert-card.out-of-stock{background:#f8fafce6;border:1px solid #e2e8f0;border-left-color:#0f172a;color:#0f172a}.inv-alert-card.low-stock{background:#fef2f2d9;border:1px solid #fecaca;border-left-color:#ef4444;color:#991b1b}.inv-alert-card.expiring{background:#fef3c7d9;border:1px solid #fde68a;border-left-color:#f59e0b;color:#92400e}.inv-alert-card.active{box-shadow:0 4px 14px #00000014;transform:translateY(-1px)}.inv-alert-btn{padding:.4rem .85rem;border-radius:8px;font-size:.75rem;font-weight:700;border:none;cursor:pointer;white-space:nowrap;transition:all .2s ease}.inv-alert-btn.out-of-stock{background:#0f172a;color:#fff}.inv-alert-btn.out-of-stock:hover{background:#1e293b}.inv-alert-btn.low-stock{background:#dc2626;color:#fff}.inv-alert-btn.low-stock:hover{background:#b91c1c}.inv-alert-btn.expiring{background:#d97706;color:#fff}.inv-alert-btn.expiring:hover{background:#b45309}.inv-filter-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 16px -2px #0000000a}.inv-search-bar{position:relative;margin-bottom:.85rem}.inv-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.9rem}.inv-search-input{width:100%;padding:.75rem 1rem .75rem 2.6rem;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-size:.875rem;color:#0f172a;outline:none;transition:all .2s ease}.inv-search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.inv-filter-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.inv-select-input{flex:1 1 150px;padding:.65rem .85rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:.82rem;color:#334155;outline:none;transition:all .2s ease}.inv-select-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.inv-select-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.inv-clear-btn{padding:.55rem 1rem;border-radius:10px;background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.inv-clear-btn:hover{background:#ef44442e}.inv-active-filter-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#f8fafce6;border:1px solid #cbd5e1;border-radius:14px;margin-bottom:1.25rem}.inv-active-filter-badge{font-size:.85rem;font-weight:700;color:#334155;display:flex;align-items:center;gap:.5rem}.inv-table-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:18px;box-shadow:0 4px 16px -2px #0000000a;overflow:hidden;margin-bottom:1.5rem}.inv-table{width:100%;border-collapse:collapse;text-align:left;min-width:850px}.inv-table th{background:#f8fafce6;padding:.9rem 1.1rem;font-size:.72rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:5}.inv-table td{padding:1rem 1.1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#334155;vertical-align:middle}.inv-table tr:hover td{background:#f8fafc99}.inv-item-name{font-weight:700;color:#0f172a;font-size:.9rem}.inv-item-code{font-size:.75rem;color:#94a3b8;font-weight:600}.inv-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.inv-badge.normal{background:#dcfce7;color:#15803d}.inv-badge.low{background:#fee2e2;color:#b91c1c}.inv-badge.expiring{background:#fef3c7;color:#b45309}.inv-badge.out-of-stock{background:#0f172a;color:#fff}.inv-action-group{display:flex;align-items:center;gap:.4rem}.inv-btn-view{padding:.4rem .85rem;border-radius:8px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.inv-btn-view:hover{opacity:.92;transform:translateY(-1px)}.inv-btn-delete{padding:.4rem .85rem;border-radius:8px;background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.inv-btn-delete:hover{background:#dc2626;color:#fff}.inv-pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f8fafccc;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:.75rem}.inv-pagination-info{font-size:.82rem;color:#64748b;font-weight:500}.inv-pagination-pills{display:flex;align-items:center;gap:.35rem}.inv-page-pill{min-width:34px;height:34px;padding:0 .5rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.82rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.inv-page-pill:hover:not(:disabled){border-color:#3b82f6;color:#2563eb;background:#eff6ff}.inv-page-pill.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 3px 10px #2563eb4d}.inv-page-pill:disabled{background:#f8fafc;color:#cbd5e1;border-color:#e2e8f0;cursor:not-allowed}.inv-empty-state{text-align:center;padding:3.5rem 1.5rem}.inv-empty-icon{font-size:2.8rem;color:#94a3b8;margin-bottom:1rem}.inv-empty-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.inv-empty-desc{font-size:.875rem;color:#64748b;margin:0 0 1.25rem}.inv-detail-container{max-width:1400px;margin:0 auto;padding:1.5rem;font-family:inherit}.inv-detail-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.inv-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:12px;background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);color:#334155;font-size:.875rem;font-weight:600;text-decoration:none;box-shadow:0 4px 14px -2px #0000000a;transition:all .2s ease}.inv-back-btn:hover{background:#fff;color:#2563eb;transform:translate(-2px)}.inv-action-buttons{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.inv-btn-update-qty{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.85rem;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 14px #10b9814d;transition:all .2s ease}.inv-btn-update-qty:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98166}.inv-btn-edit{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:.85rem;font-weight:600;border:none;cursor:pointer;text-decoration:none;box-shadow:0 4px 14px #2563eb4d;transition:all .2s ease}.inv-btn-edit:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.inv-btn-danger{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:12px;background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.inv-btn-danger:hover{background:#dc2626;color:#fff}.inv-detail-hero{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:1.75rem 2rem;margin-bottom:1.5rem;box-shadow:0 10px 30px -5px #0000000d;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem}.inv-detail-hero-left{display:flex;align-items:center;gap:1.25rem}.inv-detail-avatar{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 8px 20px -4px #f59e0b59;flex-shrink:0}.inv-detail-title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 .4rem;letter-spacing:-.02em}.inv-detail-tags{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.inv-code-pill{padding:.25rem .65rem;border-radius:8px;background:#f1f5f9;color:#475569;font-size:.78rem;font-weight:700;font-family:monospace}.inv-prescription-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:8px;background:#fee2e2;color:#dc2626;border:1px solid #fca5a5;font-size:.78rem;font-weight:700}.inv-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width:900px){.inv-detail-grid{grid-template-columns:1fr}}.inv-detail-column{display:flex;flex-direction:column;gap:1.5rem}.inv-glass-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.5rem;box-shadow:0 4px 16px -2px #0000000a}.inv-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.inv-card-title{font-size:1.05rem;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:.6rem}.inv-card-title i{color:#f59e0b}.inv-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.inv-info-item{display:flex;flex-direction:column;gap:.25rem}.inv-info-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.inv-info-value{font-size:.925rem;font-weight:600;color:#0f172a;word-break:break-word;overflow-wrap:anywhere}.inv-highlight-tile{background:#f8fafce6;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}.inv-highlight-val{font-size:1.4rem;font-weight:800;color:#2563eb;word-break:break-word;overflow-wrap:anywhere}.inv-modal-overlay{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.inv-modal-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px -10px #0003;width:100%;max-width:440px;padding:1.75rem;border:1px solid rgba(255,255,255,.8)}.inv-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.inv-modal-title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0}.inv-form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:640px){.inv-form-grid-2{grid-template-columns:1fr}}.inv-form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.inv-form-label{font-size:.82rem;font-weight:700;color:#334155}.inv-form-input{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid #cbd5e1;background:#fff;font-size:.875rem;color:#0f172a;outline:none;transition:all .2s ease}.inv-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.inv-form-input:read-only{background:#f8fafc;color:#64748b;cursor:not-allowed}.inv-form-textarea{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid #cbd5e1;background:#fff;font-size:.875rem;color:#0f172a;outline:none;resize:vertical;min-height:90px;transition:all .2s ease}.inv-form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.billing-container{max-width:1400px;margin:0 auto;padding:.5rem 0 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1e293b}.billing-header-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:1.5rem 2rem;margin-bottom:1.75rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px -5px #0000000a,0 4px 6px -2px #00000005;gap:1.5rem;flex-wrap:wrap}.billing-header-content{display:flex;align-items:center;gap:1.25rem}.billing-header-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#059669,#0d9488);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 8px 20px -4px #05966959;flex-shrink:0}.billing-header-title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.billing-header-subtitle{font-size:.925rem;color:#64748b;margin:0;font-weight:500}.billing-btn-create{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 6px 20px -4px #2563eb59;transition:all .2s ease;white-space:nowrap}.billing-btn-create:hover{transform:translateY(-2px);box-shadow:0 10px 25px -4px #2563eb73;background:linear-gradient(135deg,#1d4ed8,#2563eb)}.billing-disabled-badge{display:inline-flex;align-items:center;gap:.5rem;background:#f1f5f9cc;color:#94a3b8;border:1px solid #e2e8f0;padding:.75rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:not-allowed}.billing-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.75rem}.billing-stat-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 4px 15px -3px #00000008;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.billing-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#cbd5e1}.billing-stat-card.stat-total:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.billing-stat-card.stat-revenue:before{background:linear-gradient(90deg,#10b981,#059669)}.billing-stat-card.stat-paid:before{background:linear-gradient(90deg,#0284c7,#06b6d4)}.billing-stat-card.stat-pending:before{background:linear-gradient(90deg,#f43f5e,#e11d48)}.billing-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000012}.billing-stat-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.billing-stat-value{font-size:1.6rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;word-break:break-word;overflow-wrap:anywhere}.billing-stat-value.val-revenue{color:#059669}.billing-stat-value.val-paid{color:#0284c7}.billing-stat-value.val-pending{color:#e11d48}.billing-filters-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:1rem 1.25rem;margin-bottom:1.75rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;box-shadow:0 4px 15px -3px #00000008}.billing-search-box{flex:1 1 280px;position:relative}.billing-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.9rem}.billing-search-input{width:100%;padding:.7rem 1rem .7rem 2.6rem;border-radius:12px;border:1px solid #cbd5e1;font-size:.9rem;color:#0f172a;background:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.billing-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.billing-filter-select{padding:.7rem 1rem;border-radius:12px;border:1px solid #cbd5e1;font-size:.875rem;font-weight:500;color:#1e293b;background:#fff;outline:none;cursor:pointer;transition:all .2s ease}.billing-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.billing-btn-overdue{padding:.7rem 1.25rem;border-radius:12px;border:none;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.billing-btn-overdue.is-active{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 4px 14px #dc262659}.billing-btn-overdue.is-inactive{background:linear-gradient(135deg,#ef4444,#f43f5e);box-shadow:0 4px 14px #ef444440}.billing-btn-overdue:hover{transform:translateY(-1px);filter:brightness(1.05)}.billing-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.875rem 1.25rem;border-radius:14px;margin-bottom:1.5rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.6rem}.billing-alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;padding:.875rem 1.25rem;border-radius:14px;margin-bottom:1.5rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.6rem;box-shadow:0 4px 12px #10b9811a}.billing-table-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;box-shadow:0 10px 30px -5px #0000000a;overflow:hidden;margin-bottom:1.5rem}.billing-table-wrapper{overflow-x:auto;max-height:calc(100vh - 360px)}.billing-table{width:100%;border-collapse:collapse;text-align:left}.billing-table th{background:#f8fafcf2;padding:1rem 1.25rem;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:5}.billing-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s ease,transform .15s ease}.billing-table tbody tr:hover{background:#f1f5f999}.billing-table td{padding:1.1rem 1.25rem;font-size:.875rem;color:#334155;vertical-align:middle}.billing-num-badge{font-weight:700;color:#2563eb;background:#2563eb14;padding:.25rem .6rem;border-radius:8px;font-family:inherit;letter-spacing:-.01em}.billing-cust-name{font-weight:600;color:#0f172a;margin-bottom:2px}.billing-cust-phone{font-size:.75rem;color:#64748b;display:flex;align-items:center;gap:.3rem}.billing-amount-text{font-weight:700;color:#0f172a}.billing-status-badge{padding:.3rem .75rem;border-radius:9999px;font-size:.725rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem;letter-spacing:.03em}.status-unpaid{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.status-partially-paid{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.status-fully-paid{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.status-overdue{background:#fff1f2;color:#be123c;border:1px solid #fecdd3;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-cancelled{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.billing-actions-cell{display:flex;gap:.4rem;justify-content:flex-end;align-items:center}.billing-btn-act-view{background:#2563eb14;color:#2563eb;border:1px solid rgba(37,99,235,.2);padding:.45rem .85rem;border-radius:10px;font-size:.775rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.35rem}.billing-btn-act-view:hover{background:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb40}.billing-btn-act-pay{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.25);padding:.45rem .85rem;border-radius:10px;font-size:.775rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.35rem}.billing-btn-act-pay:hover{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.billing-btn-act-cancel{background:#e11d4814;color:#e11d48;border:1px solid rgba(225,29,72,.2);padding:.45rem .85rem;border-radius:10px;font-size:.775rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.35rem}.billing-btn-act-cancel:hover{background:#e11d48;color:#fff;box-shadow:0 4px 12px #e11d484d}.billing-summary-footer{padding:.875rem 1.5rem;font-size:.85rem;color:#64748b;background:#f8fafccc;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.billing-pagination-bar{display:flex;justify-content:center;align-items:center;gap:.4rem;padding:1rem;border-top:1px solid #e2e8f0;background:#fffc}.billing-pag-btn{background:#fff;color:#334155;border:1px solid #cbd5e1;padding:.45rem .8rem;min-width:36px;font-size:.85rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease}.billing-pag-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.billing-pag-btn.is-active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb40}.billing-pag-btn:disabled{background:#f8fafc;color:#cbd5e1;border-color:#e2e8f0;cursor:not-allowed}.billing-pag-ellipsis{color:#94a3b8;padding:.4rem;font-size:.85rem}.billing-loading-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:#64748b}.billing-spinner{width:44px;height:44px;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.billing-empty-card{text-align:center;padding:3.5rem 1.5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px}.billing-empty-icon{font-size:2.5rem;color:#cbd5e1;margin-bottom:1rem}.billing-empty-text{font-size:1.1rem;font-weight:600;color:#475569;margin-bottom:1rem}.billing-modal-backdrop{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.billing-modal-box{background:#fff;border-radius:20px;box-shadow:0 20px 50px #0003;width:90%;max-width:440px;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.billing-modal-head{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.billing-modal-title{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.billing-modal-close{background:transparent;border:none;font-size:1.1rem;color:#64748b;cursor:pointer;padding:.3rem;border-radius:8px;transition:all .15s ease}.billing-modal-close:hover{background:#e2e8f0;color:#0f172a}.billing-modal-body{padding:1.5rem}.billing-modal-desc{margin:0 0 1.25rem;color:#475569;font-size:.925rem;line-height:1.5}.billing-form-group{margin-bottom:1.5rem}.billing-form-label{display:block;font-size:.85rem;font-weight:700;color:#334155;margin-bottom:.4rem}.billing-form-select{width:100%;padding:.65rem .85rem;border-radius:10px;border:1px solid #cbd5e1;font-size:.875rem;color:#0f172a;background:#fff;outline:none;box-sizing:border-box}.billing-form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.billing-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.billing-btn-modal-cancel{padding:.6rem 1.2rem;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .15s ease}.billing-btn-modal-cancel:hover{background:#f1f5f9}.billing-btn-modal-confirm{padding:.6rem 1.2rem;border-radius:10px;border:none;background:linear-gradient(135deg,#e11d48,#dc2626);color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;box-shadow:0 4px 12px #e11d4840;transition:all .15s ease;display:inline-flex;align-items:center;gap:.4rem}.billing-btn-modal-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #e11d4859}.billing-btn-modal-confirm:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.inv-detail-container{max-width:1300px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.inv-detail-top-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.inv-detail-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0f172a0a;transition:all .2s cubic-bezier(.16,1,.3,1)}.inv-detail-back-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1;transform:translate(-2px)}.inv-detail-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.inv-btn-pay{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #10b98159;transition:all .2s ease}.inv-btn-pay:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10b98173}.inv-btn-email{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #14b8a659;transition:all .2s ease}.inv-btn-email:hover{transform:translateY(-2px);box-shadow:0 6px 18px #14b8a673}.inv-btn-print{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #2563eb59;transition:all .2s ease}.inv-btn-print:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2563eb73}.inv-main-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:2.25rem;box-shadow:0 4px 20px -4px #0f172a0d;display:flex;flex-direction:column;gap:1.75rem}.inv-header-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.25rem}.inv-title{margin:0;font-size:2rem;font-weight:900;color:#0f172a;letter-spacing:.04em}.inv-number{margin:.25rem 0 0;font-size:1rem;font-weight:700;color:#64748b}.inv-status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .95rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;margin-bottom:.5rem}.inv-divider{height:1px;background:#f1f5f9;width:100%}.inv-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.inv-info-grid{grid-template-columns:1fr}}.inv-info-block{display:flex;flex-direction:column;gap:.35rem}.inv-info-header{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.inv-customer-name{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0}.inv-info-text{font-size:.875rem;color:#475569;margin:0}.inv-table-wrapper{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.inv-table{width:100%;border-collapse:collapse}.inv-th{background:#f8fafc;padding:.85rem 1rem;font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e2e8f0}.inv-td{padding:.95rem 1rem;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.inv-table-row:last-child .inv-td{border-bottom:none}.inv-item-type-badge{font-size:.72rem;font-weight:700;color:#2563eb;background:#eff6ff;padding:.15rem .55rem;border-radius:6px}.inv-totals-wrapper{display:flex;justify-content:flex-end}.inv-totals-box{width:100%;max-width:360px;display:flex;flex-direction:column;gap:.6rem;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:1.25rem}.inv-total-line{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#64748b;font-weight:500}.inv-total-line-bold{display:flex;justify-content:space-between;align-items:center;font-size:1.15rem;color:#0f172a;font-weight:800;padding-top:.5rem;border-top:1.5px dashed #cbd5e1}.inv-sec-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem;box-shadow:0 2px 8px #0f172a08;display:flex;flex-direction:column;gap:1.15rem}.rep-container{max-width:1400px;margin:0 auto;padding:1.5rem;font-family:inherit}.rep-header-card{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.5rem 1.75rem;margin-bottom:1.5rem;box-shadow:0 10px 30px -5px #0000000d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.rep-header-left{display:flex;align-items:center;gap:1.25rem}.rep-header-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 8px 18px -4px #6366f159;flex-shrink:0}.rep-title{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.rep-subtitle{font-size:.875rem;color:#64748b;margin:0}.rep-summary-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px -2px #0000000a}.rep-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:.75rem}.rep-summary-title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:.5rem}.rep-date-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:9999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.8rem;font-weight:600;box-shadow:0 3px 10px #6366f140}.rep-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.rep-summary-subcard{background:#f8fafcd9;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.rep-subcard-title{font-size:.875rem;font-weight:800;color:#334155;margin:0;display:flex;align-items:center;gap:.5rem}.rep-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 1rem}.rep-metric-item{display:flex;flex-direction:column;gap:.2rem;min-width:0}.rep-metric-label{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.rep-metric-value{font-size:1rem;font-weight:800;color:#0f172a;word-break:break-word;overflow-wrap:anywhere}.rep-section-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px -2px #0000000a}.rep-tabs-bar{display:flex;gap:.6rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.rep-tab-pill{padding:.6rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:700;border:1px solid transparent;background:#f1f5f9cc;color:#64748b;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.rep-tab-pill:hover{background:#fff;color:#2563eb;border-color:#cbd5e1}.rep-tab-pill.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 4px 14px #2563eb4d}.rep-filters-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;align-items:flex-end}@media(max-width:900px){.rep-filters-row{grid-template-columns:1fr 1fr}}@media(max-width:600px){.rep-filters-row{grid-template-columns:1fr}}.rep-form-group{display:flex;flex-direction:column;gap:.35rem}.rep-form-label{font-size:.78rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em}.rep-select-input,.rep-date-input{width:100%;padding:.65rem .85rem;border-radius:12px;border:1px solid #cbd5e1;background:#fff;font-size:.85rem;color:#0f172a;outline:none;transition:all .2s ease}.rep-select-input:focus,.rep-date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.rep-btn-generate{padding:.65rem 1.4rem;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:.875rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 14px #2563eb4d;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem}.rep-btn-generate:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.rep-btn-generate:disabled{opacity:.6;cursor:not-allowed;transform:none}.rep-chart-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px -2px #0000000a}.rep-chart-title{font-size:1.05rem;font-weight:800;color:#0f172a;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:.5rem}.rep-table-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:0 4px 16px -2px #0000000a;overflow:hidden;margin-bottom:1.5rem}.rep-table-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#f8fafce6;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.rep-table-title{font-size:1.1rem;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:.5rem}.rep-btn-export-csv{padding:.5rem 1rem;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.8rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 3px 10px #10b98140;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.rep-btn-export-csv:hover{transform:translateY(-1px);box-shadow:0 5px 14px #10b98159}.rep-btn-export-pdf{padding:.5rem 1rem;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.8rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 3px 10px #ef444440;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.rep-btn-export-pdf:hover{transform:translateY(-1px);box-shadow:0 5px 14px #ef444459}.rep-table-wrapper{overflow-x:auto;max-height:580px}.rep-table{width:100%;border-collapse:collapse;text-align:left;min-width:700px}.rep-table th{background:#1e3a8a;color:#fff;padding:.9rem 1.1rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10;white-space:nowrap}.rep-table td{padding:.85rem 1.1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#334155;white-space:nowrap;vertical-align:middle}.rep-table tr:nth-child(2n){background:#f8fafc80}.rep-table tr:hover td{background:#eff6ff}.rep-pagination-bar{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:1rem 1.25rem;background:#f8fafccc;border-top:1px solid #e2e8f0}.rep-page-pill{min-width:34px;height:34px;padding:0 .5rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.82rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.rep-page-pill:hover:not(:disabled){border-color:#3b82f6;color:#2563eb;background:#eff6ff}.rep-page-pill.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 3px 10px #2563eb4d}.rep-page-pill:disabled{background:#f8fafc;color:#cbd5e1;border-color:#e2e8f0;cursor:not-allowed}.breed-reg-container{max-width:1300px;margin:0 auto;padding:.5rem 0 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1e293b}.breed-reg-header-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:1.5rem 2rem;margin-bottom:1.75rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px -5px #0000000a,0 4px 6px -2px #00000005;gap:1.5rem;flex-wrap:wrap}.breed-reg-header-content{display:flex;align-items:center;gap:1.25rem}.breed-reg-header-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#ec4899,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 8px 20px -4px #ec489959;flex-shrink:0}.breed-reg-header-title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.breed-reg-header-subtitle{font-size:.925rem;color:#64748b;margin:0;font-weight:500}.breed-reg-count-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fdf2f8cc;border:1px solid #fbcfe8;border-radius:16px;padding:.6rem 1.25rem;min-width:90px;box-shadow:0 4px 12px #ec489914}.breed-reg-count-num{font-size:1.6rem;font-weight:800;color:#be185d;line-height:1}.breed-reg-count-lbl{font-size:.7rem;color:#9d174d;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}.breed-reg-filter-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:18px;padding:1rem 1.25rem;margin-bottom:1.75rem;display:flex;gap:.85rem;align-items:center;flex-wrap:wrap;box-shadow:0 4px 15px -3px #00000008}.breed-reg-filter-select{padding:.65rem .9rem;border-radius:12px;border:1px solid #cbd5e1;font-size:.875rem;font-weight:500;color:#1e293b;background:#fff;outline:none;cursor:pointer;transition:all .2s ease;min-width:150px}.breed-reg-filter-select:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec489926}.breed-reg-filter-input{padding:.65rem .9rem;border-radius:12px;border:1px solid #cbd5e1;font-size:.875rem;color:#0f172a;background:#fff;outline:none;transition:all .2s ease;min-width:180px}.breed-reg-filter-input:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec489926}.breed-reg-btn-clear{padding:.65rem 1rem;border-radius:12px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.35rem}.breed-reg-btn-clear:hover{background:#f1f5f9;border-color:#94a3b8}.breed-reg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.breed-reg-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;overflow:hidden;box-shadow:0 4px 15px -3px #00000008;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between}.breed-reg-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px -5px #00000014}.breed-reg-image-wrap{position:relative;height:180px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center}.breed-reg-image{width:100%;height:100%;object-fit:cover}.breed-reg-image-placeholder{display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:2.5rem}.breed-reg-gender-badge{position:absolute;top:.75rem;right:.75rem;font-size:.75rem;font-weight:700;padding:.3rem .75rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.35rem;box-shadow:0 2px 8px #0000001a;letter-spacing:.02em}.breed-reg-card-body{padding:1.25rem;flex:1}.breed-reg-pet-name{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.01em}.breed-reg-tags-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.breed-reg-tag{font-size:.75rem;font-weight:600;background:#f1f5f9;color:#334155;padding:.2rem .6rem;border-radius:9999px}.breed-reg-neutered-warning{font-size:.775rem;color:#e11d48;font-weight:600;margin:.4rem 0 0;display:flex;align-items:center;gap:.3rem}.breed-reg-notes-box{margin-top:.6rem;padding:.65rem .85rem;background:#fdf2f899;border:1px solid #fbcfe8;border-radius:12px;font-size:.825rem;color:#831843;font-style:italic;line-height:1.45}.breed-reg-location-row{display:flex;align-items:center;gap:.4rem;margin-top:.75rem;font-size:.825rem;color:#64748b;font-weight:500}.breed-reg-card-foot{padding:1rem 1.25rem;border-top:1px solid #f1f5f9;background:#f8fafc99;display:flex;gap:.6rem}.breed-reg-btn-contact{flex:1;padding:.55rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:0 4px 12px #10b98140}.breed-reg-btn-contact:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.breed-reg-btn-profile{flex:1;padding:.55rem;background:#2563eb14;color:#2563eb;border:1px solid rgba(37,99,235,.2);border-radius:10px;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.breed-reg-btn-profile:hover{background:#2563eb;color:#fff}.breed-reg-empty-card{text-align:center;padding:4rem 1.5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;color:#64748b}.breed-reg-modal-backdrop{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.breed-reg-modal-box{background:#fff;border-radius:20px;box-shadow:0 20px 50px #0003;width:90%;max-width:400px;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.breed-reg-modal-head{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.breed-reg-modal-title{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.breed-reg-modal-close{background:transparent;border:none;font-size:1.1rem;color:#64748b;cursor:pointer;padding:.3rem;border-radius:8px;transition:all .15s ease}.breed-reg-modal-close:hover{background:#e2e8f0;color:#0f172a}.syslog-container{max-width:1400px;margin:0 auto;padding:1.5rem;font-family:inherit}.syslog-header-card{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.5rem 1.75rem;margin-bottom:1.5rem;box-shadow:0 10px 30px -5px #0000000d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.syslog-header-left{display:flex;align-items:center;gap:1.25rem}.syslog-header-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#1e293b,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 8px 18px -4px #1e293b59;flex-shrink:0}.syslog-title{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.syslog-subtitle{font-size:.875rem;color:#64748b;margin:0}.syslog-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.syslog-btn-export{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b98140;white-space:nowrap}.syslog-btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.syslog-btn-refresh{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;background:#ffffffe6;color:#334155;border:1px solid #cbd5e1;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.syslog-btn-refresh:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8}.syslog-info-card{background:#eff6ffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(191,219,254,.8);border-radius:18px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 4px 16px -2px #3b82f60d;transition:all .2s ease}.syslog-info-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff6}.syslog-info-header:hover{background:#fff9}.syslog-info-title{display:flex;align-items:center;gap:.6rem;font-size:.925rem;font-weight:700;color:#1e40af}.syslog-info-body{padding:0 1.25rem 1.25rem}.syslog-info-text{margin:0 0 1rem;font-size:.875rem;color:#1e3a8a;line-height:1.5}.syslog-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-bottom:1rem}.syslog-action-item{background:#ffffffd9;border:1px solid rgba(219,234,254,.9);border-radius:12px;padding:.75rem .9rem;display:flex;flex-direction:column;box-shadow:0 2px 8px #00000005}.syslog-action-desc{margin:0;font-size:.775rem;color:#64748b;line-height:1.4}.syslog-info-tip{background:#fef3c7cc;border:1px solid #fde68a;border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:.6rem;color:#92400e;font-size:.825rem}.syslog-filter-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px -2px #0000000a}.syslog-filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid #f1f5f9}.syslog-filter-title{font-size:1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.syslog-active-badge{background:#3b82f61f;color:#2563eb;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;border:1px solid rgba(59,130,246,.25)}.syslog-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:1.25rem}.syslog-filter-group{display:flex;flex-direction:column;gap:.4rem}.syslog-filter-label{font-size:.825rem;font-weight:600;color:#475569;display:flex;align-items:center;justify-content:space-between}.syslog-filter-hint{font-size:.725rem;font-weight:400;color:#94a3b8}.syslog-search-box{position:relative;width:100%}.syslog-search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;font-size:.85rem}.syslog-input,.syslog-select{width:100%;padding:.65rem .9rem;font-size:.875rem;background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;outline:none;transition:all .2s ease;box-sizing:border-box}.syslog-search-input{padding-left:2.6rem!important}.syslog-input:focus,.syslog-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.syslog-filter-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.syslog-filter-actions{display:flex;align-items:center;gap:.75rem}.syslog-btn-apply{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f640}.syslog-btn-apply:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659}.syslog-btn-clear{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;background:#f1f5f9e6;color:#475569;border:1px solid #cbd5e1;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.syslog-btn-clear:hover{background:#e2e8f0;color:#0f172a}.syslog-filter-note{font-size:.775rem;color:#94a3b8;margin:0;display:flex;align-items:center;gap:.4rem}.syslog-kbd{display:inline-block;padding:.15rem .4rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;font-size:.725rem;font-family:monospace;color:#475569}.syslog-alert-error{padding:1rem 1.25rem;background:#fee2e2d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #fca5a5;color:#991b1b;border-radius:14px;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;box-shadow:0 4px 12px #ef444414}.syslog-table-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:20px;overflow:hidden;box-shadow:0 4px 16px -2px #0000000a;margin-bottom:1.5rem}.syslog-table-header{padding:1rem 1.5rem;background:#f8fafccc;border-bottom:1px solid rgba(226,232,240,.8);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.syslog-table-title{font-size:.925rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.syslog-table-hint{font-size:.775rem;color:#64748b;display:flex;align-items:center;gap:.35rem}.syslog-table-wrapper{overflow-x:auto;max-height:650px}.syslog-table{width:100%;border-collapse:collapse;text-align:left}.syslog-th{padding:1rem 1.25rem;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafce6;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:2;white-space:nowrap}.syslog-tr{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .15s ease}.syslog-tr:hover{background-color:#f1f5f9b3}.syslog-tr.expanded{background-color:#eff6ffcc}.syslog-td{padding:1rem 1.25rem;font-size:.875rem;color:#334155;vertical-align:middle}.syslog-timestamp-date{font-size:.85rem;font-weight:700;color:#0f172a}.syslog-timestamp-time{font-size:.75rem;color:#64748b;margin-top:.1rem}.syslog-record-id{font-family:monospace;font-size:.8rem;color:#64748b;background:#f1f5f9;padding:.15rem .45rem;border-radius:6px}.syslog-user-name{font-weight:700;color:#0f172a;font-size:.875rem}.syslog-user-role{font-size:.725rem;color:#64748b;text-transform:capitalize;margin-top:.1rem}.syslog-ip-badge{font-family:monospace;font-size:.775rem;color:#475569;background:#f1f5f9cc;padding:.2rem .5rem;border-radius:6px}.syslog-expand-pill{width:28px;height:28px;border-radius:50%;background:#f1f5f9e6;display:inline-flex;align-items:center;justify-content:center;color:#64748b;font-size:.7rem;transition:all .2s ease}.syslog-tr.expanded .syslog-expand-pill{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.syslog-detail-cell{background:#eff6ff99;border-bottom:2px solid rgba(191,219,254,.9);padding:0}.syslog-detail-inner{padding:1.25rem 1.5rem}.syslog-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1rem}.syslog-detail-block{display:flex;flex-direction:column;gap:.5rem}.syslog-detail-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem}.syslog-detail-label.before{color:#dc2626}.syslog-detail-label.after{color:#16a34a}.syslog-json-pre{margin:0;padding:.85rem 1rem;background:#fff;border-radius:12px;font-size:.8rem;color:#1e293b;white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;font-family:monospace;box-shadow:inset 0 1px 3px #0000000a}.syslog-json-pre.before{border-left:4px solid #ef4444}.syslog-json-pre.after{border-left:4px solid #10b981}.syslog-no-data{margin:0;font-size:.825rem;color:#94a3b8;font-style:italic;padding:.5rem 0}.syslog-agent-row{display:flex;align-items:center;gap:.6rem;padding-top:.75rem;border-top:1px solid rgba(219,234,254,.8)}.syslog-agent-label{font-size:.75rem;font-weight:700;color:#64748b;white-space:nowrap;flex-shrink:0}.syslog-agent-text{font-size:.785rem;color:#475569;word-break:break-all;font-family:monospace}.syslog-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b}.syslog-spinner{width:44px;height:44px;border:4px solid rgba(59,130,246,.15);border-top:4px solid #3b82f6;border-radius:50%;animation:syslogSpin 1s linear infinite;margin-bottom:1rem}@keyframes syslogSpin{to{transform:rotate(360deg)}}.syslog-empty-state{text-align:center;padding:3.5rem 1.5rem;color:#64748b;display:flex;flex-direction:column;align-items:center}.syslog-empty-icon{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.syslog-logged-box{background:#f8fafccc;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.25rem;text-align:left;margin-top:1rem;max-width:420px;width:100%}.syslog-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap;margin-top:1rem}.syslog-page-btn{background:#fff;color:#334155;border:1px solid #cbd5e1;padding:.5rem .85rem;min-width:40px;font-size:.875rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease}.syslog-page-btn:hover:not(:disabled){background:#f1f5f9;color:#0f172a;border-color:#94a3b8}.syslog-page-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.syslog-page-btn:disabled{background:#f8fafc;color:#cbd5e1;border-color:#e2e8f0;cursor:not-allowed}.syslog-page-info{margin-left:.75rem;font-size:.825rem;color:#64748b;font-weight:500}.ai-modern-page{max-width:1100px;margin:0 auto;background:transparent;display:flex;flex-direction:column;height:calc(100vh - 70px);min-height:580px;box-sizing:border-box}.ai-modern-header{display:flex;justify-content:flex-start;align-items:center;gap:.65rem;margin-bottom:.35rem;padding:.45rem 1rem;background:linear-gradient(135deg,#6366f10f,#a855f70f);border:1px solid rgba(99,102,241,.12);border-radius:12px;box-shadow:0 4px 16px -4px #0f172a0a;flex-shrink:0}.ai-modern-header-icon{width:32px;height:32px;flex-shrink:0;border-radius:8px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 4px 14px -3px #a855f766}.ai-modern-header-text{display:flex;flex-direction:column}.ai-modern-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ai-modern-title{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a;letter-spacing:-.01em}.ai-modern-role-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .45rem;border-radius:999px;background:#e0e7ff;color:#4338ca}.ai-modern-role-badge.role-veterinarian{background:#ccfbf1;color:#0f766e}.ai-modern-role-badge.role-receptionist{background:#dbeafe;color:#1d4ed8}.ai-modern-subtitle{margin-top:0;margin-bottom:0;font-size:.74rem;color:#64748b;font-weight:500}.ai-modern-chat{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 2px 4px #0f172a05,0 16px 40px -20px #0f172a14;padding:1rem 1.25rem .5rem;gap:1rem;display:flex;flex-direction:column;min-height:250px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.ai-modern-chat-spacer{height:24px;min-height:24px;flex-shrink:0}.ai-modern-chat::-webkit-scrollbar{width:6px}.ai-modern-chat::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:6px}.ai-modern-message{display:flex;align-items:flex-end;gap:.65rem;flex-shrink:0}.ai-message-user.ai-modern-message .ai-modern-avatar{order:2}.ai-message-user.ai-modern-message .ai-modern-bubble{order:1}.ai-modern-avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;overflow:hidden;box-shadow:0 2px 6px #0f172a14}.ai-modern-avatar img{width:100%;height:100%;object-fit:cover}.ai-modern-avatar span{font-weight:700;letter-spacing:-.02em}.ai-modern-avatar-assistant{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}.ai-modern-avatar-user{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.ai-modern-bubble{max-width:calc(100% - 3.5rem);border-radius:18px;font-size:.95rem;line-height:1.6;box-shadow:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;padding:.95rem 1.25rem;flex-shrink:0}.ai-message-assistant .ai-modern-bubble{background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a;border-bottom-left-radius:4px}.ai-message-assistant .ai-modern-bubble.ai-modern-bubble-thinking{background:transparent!important;border:none!important;box-shadow:none!important;padding:.15rem 0!important}.ai-message-user .ai-modern-bubble{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 14px #2563eb33}.ai-modern-intro{font-size:.92rem;color:#334155;background:linear-gradient(135deg,#eff6ff,#f5f3ff)!important;border:1px solid #dbeafe!important;box-shadow:0 2px 10px #3b82f60d!important}.ai-modern-loading{color:#64748b;display:flex;align-items:center;gap:.5rem}.ai-modern-bubble .ai-message-heading{color:inherit;font-weight:700;margin-top:.75rem;margin-bottom:.35rem}.ai-modern-bubble .ai-message-list{font-size:.95rem;padding-left:1.25rem;margin-top:.35rem;margin-bottom:.35rem}.ai-modern-sources{margin-top:.65rem;padding-top:.55rem;border-top:1px solid #e2e8f0;font-size:.75rem;color:#64748b;line-height:1.45}.ai-modern-sources .ai-message-sources-label{display:block;font-weight:600;color:#64748b;margin-bottom:.35rem}.ai-modern-sources .ai-message-sources-label i{margin-right:.3rem}.ai-message-sources-list{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.ai-modern-source-tag{display:inline-flex;align-items:center;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;font-size:.72rem;font-weight:500;padding:.15rem .6rem;border-radius:999px;line-height:1.3}.ai-modern-sources-general{color:#64748b;font-size:.75rem}.ai-modern-reasoning{margin-top:.65rem;font-size:.82rem}.ai-modern-reasoning-summary{cursor:pointer;color:#64748b;font-weight:500;list-style:none;display:inline-flex;align-items:center;gap:.35rem;padding:0;background:transparent;border:none;outline:none;width:fit-content;-webkit-user-select:none;user-select:none}.ai-modern-reasoning-summary:hover{color:#1e293b}.ai-modern-reasoning-summary::-webkit-details-marker{display:none}.ai-reasoning-label{display:inline-flex;align-items:center;gap:.35rem;color:#64748b;font-size:.82rem;font-weight:500}.ai-reasoning-label i{color:#64748b;font-size:.82rem}.ai-reasoning-chevron{color:#64748b;font-size:.72rem;margin-left:.2rem;transition:transform .2s ease}.ai-modern-reasoning[open]>.ai-modern-reasoning-summary .ai-reasoning-chevron{transform:rotate(180deg)}.ai-modern-reasoning-text{margin-top:.5rem;padding:.75rem .85rem;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.55;white-space:pre-wrap;max-height:16rem;overflow-y:auto;overscroll-behavior:contain}.ai-modern-thinking-status{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:500;color:#64748b;padding:.35rem .5rem;margin-top:.25rem;flex-shrink:0}.ai-thinking-sparkle-icon{font-size:.85rem;color:#8b5cf6;animation:ai-sparkle-pulse 1.5s infinite ease-in-out}@keyframes ai-sparkle-pulse{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.18);opacity:1}}.ai-modern-action-confirm{display:flex;align-items:center;gap:.6rem;margin-top:.75rem}.ai-modern-btn-confirm,.ai-modern-btn-cancel{border-radius:999px;padding:.45rem 1rem;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.ai-modern-btn-confirm{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;box-shadow:0 4px 12px #2563eb4d}.ai-modern-btn-confirm:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb66}.ai-modern-btn-cancel{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.ai-modern-btn-cancel:not(:disabled):hover{background:#e2e8f0;color:#0f172a;transform:translateY(-1px)}.ai-modern-option-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.ai-modern-option-btn{background:#fff;border:1px solid #cbd5e1;color:#2563eb;padding:.4rem .85rem;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.ai-modern-option-btn:not(:disabled):hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px)}.ai-modern-error{margin-top:.75rem;padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:14px;font-size:.85rem;font-weight:500;flex-shrink:0}.ai-modern-prompts-container{margin-top:.35rem;display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.ai-modern-prompts-header{display:flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding-left:.15rem}.ai-modern-prompts-header i{color:#8b5cf6;font-size:.7rem}.ai-modern-prompts-rows{display:flex;flex-direction:column;gap:.3rem;width:100%}.ai-modern-prompts-row{display:flex;gap:.4rem;width:100%}.ai-modern-prompts-row .ai-modern-prompt-card{flex:1;min-width:0}.ai-modern-prompt-card{display:flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.35rem .55rem;cursor:pointer;text-align:left;box-shadow:0 1px 3px #0f172a05;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.ai-prompt-card-icon{width:22px;height:22px;border-radius:5px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6366f1;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;transition:all .2s ease}.ai-prompt-card-text{flex:1;font-size:.73rem;font-weight:500;color:#1e293b;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-prompt-card-arrow{font-size:.6rem;color:#cbd5e1;transition:all .2s ease;flex-shrink:0}.ai-modern-prompt-card:hover{background:#fff;border-color:#a855f7;transform:translateY(-1px);box-shadow:0 4px 14px -2px #a855f726}.ai-modern-prompt-card:hover .ai-prompt-card-icon{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;box-shadow:0 2px 8px #a855f740}.ai-modern-prompt-card:hover .ai-prompt-card-text{color:#6d28d9}.ai-modern-prompt-card:hover .ai-prompt-card-arrow{color:#a855f7;transform:translate(3px)}.ai-modern-input-row{margin-top:.35rem;display:flex;align-items:center;gap:.35rem;flex-shrink:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;padding:.25rem .25rem .25rem .95rem;box-shadow:0 4px 16px #0f172a0d;transition:border-color .2s ease,box-shadow .2s ease}.ai-modern-input-row:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.ai-modern-input{flex:1;border:none!important;outline:none;padding:.35rem .3rem!important;font-size:.9rem;background:transparent;border-radius:0!important;font-family:inherit;resize:none;overflow-y:auto;max-height:7rem;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;color:#0f172a}.ai-modern-input::placeholder{color:#94a3b8}.ai-modern-send-btn{width:34px;height:34px;flex-shrink:0;border-radius:50%!important;border:none;background:linear-gradient(135deg,#6366f1,#a855f7)!important;color:#fff;display:flex;align-items:center;justify-content:center;padding:0!important;font-size:.82rem;box-shadow:0 3px 10px #a855f759;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.ai-modern-send-btn:not(:disabled):hover{transform:scale(1.06);box-shadow:0 5px 14px #a855f773}.ai-modern-send-btn:disabled{opacity:.45;box-shadow:none;cursor:default}@media(max-width:640px){.ai-modern-bubble{max-width:calc(100% - 2.5rem)}}.guest-ai-page{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.guest-ai-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background-color:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;padding:.85rem 1.75rem;box-shadow:0 4px 15px -2px #0f172a0a}.guest-ai-header-left{display:flex;align-items:center;gap:.75rem}.guest-ai-logo-icon{width:38px;height:38px;border-radius:.6rem;background:linear-gradient(135deg,#137fec,#0f6bd0);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.15rem;box-shadow:0 3px 10px #137fec40}.guest-ai-logo-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em;line-height:1.2}.guest-ai-mode-badge{display:inline-block;font-size:.72rem;font-weight:600;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:.1rem .6rem;margin-top:.15rem}.guest-ai-signin-btn{padding:.5rem 1.1rem;background:linear-gradient(135deg,#137fec,#0f6bd0);color:#fff;font-size:.85rem;font-weight:600;border:none;border-radius:.6rem;cursor:pointer;box-shadow:0 3px 10px #137fec40;transition:all .2s ease}.guest-ai-signin-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #137fec59}.guest-ai-main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:1.25rem 1.25rem 1.5rem;display:flex;flex-direction:column;height:calc(100vh - 140px);min-height:500px;box-sizing:border-box}.guest-ai-page .ai-assistant-header{margin-bottom:1.25rem;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:1rem;padding:1.5rem 1.75rem;color:#fff;box-shadow:0 10px 25px -5px #0f172a26;position:relative;overflow:hidden;flex-shrink:0}.guest-ai-page .ai-assistant-header:before{content:"";position:absolute;top:-40%;right:-10%;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#137fec4d,#fff0 70%);pointer-events:none}.guest-ai-page .ai-assistant-header h1{font-size:1.4rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:.6rem;margin:0 0 .35rem;letter-spacing:-.01em}.guest-ai-page .ai-assistant-header h1 i{color:#38bdf8;font-size:1.25rem}.guest-ai-page .ai-assistant-subtitle{color:#94a3b8;font-size:.85rem;margin:0;line-height:1.45}.guest-ai-page .ai-assistant-chat{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem 1.5rem .5rem;min-height:250px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;box-shadow:0 4px 20px -2px #0f172a0d}.guest-ai-page .ai-suggested-prompts,.guest-ai-page .ai-assistant-input-row,.guest-ai-page .ai-assistant-error,.guest-ai-page .ai-message{flex-shrink:0}.guest-ai-page .ai-message-bubble{max-width:82%;padding:.8rem 1.1rem;border-radius:1rem;font-size:.92rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;box-shadow:0 2px 8px #0f172a08;flex-shrink:0}.guest-ai-page .ai-message-user .ai-message-bubble{background:linear-gradient(135deg,#137fec,#0f6bd0);color:#fff;border-bottom-right-radius:.25rem;box-shadow:0 4px 14px #137fec40}.guest-ai-page .ai-message-assistant .ai-message-bubble{background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0;border-bottom-left-radius:.25rem}.guest-ai-page .ai-message-sources{margin-top:.65rem;padding-top:.5rem;border-top:1px solid #e2e8f0;font-size:.75rem;color:#64748b}.guest-ai-page .ai-message-sources-label{display:flex;align-items:center;gap:.35rem;font-weight:600;color:#64748b;margin-bottom:.35rem}.guest-ai-page .ai-source-tag{display:inline-block;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;font-weight:500;border-radius:6px;padding:.15rem .5rem;margin:.2rem .4rem 0 0;font-size:.73rem}.guest-ai-page .ai-suggested-prompts{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem}.guest-ai-page .ai-suggested-prompts button{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:.5rem 1rem;font-size:.82rem;font-weight:500;color:#334155;cursor:pointer;box-shadow:0 2px 6px #0f172a08;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.4rem}.guest-ai-page .ai-suggested-prompts button:hover{background:#eff6ff;border-color:#bfdbfe;color:#137fec;transform:translateY(-1px);box-shadow:0 4px 12px #137fec1f}.guest-ai-page .ai-assistant-input-row{display:flex;align-items:flex-end;gap:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:.5rem .6rem .5rem 1rem;box-shadow:0 4px 20px -2px #0f172a0f;transition:border-color .2s ease,box-shadow .2s ease}.guest-ai-page .ai-assistant-input-row:focus-within{border-color:#137fec;box-shadow:0 4px 20px -2px #137fec26}.guest-ai-page .ai-assistant-input-row textarea{flex:1;border:none;background:transparent;padding:.4rem 0;font-size:.92rem;font-family:inherit;color:#0f172a;resize:none;outline:none;box-shadow:none}.guest-ai-page .ai-assistant-input-row button{width:42px;height:42px;min-height:42px;border-radius:50%;background:linear-gradient(135deg,#137fec,#0f6bd0);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #137fec4d;transition:all .2s ease;flex-shrink:0}.guest-ai-page .ai-assistant-input-row button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 15px #137fec66}.guest-ai-page .ai-assistant-input-row button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.guest-ai-footer{border-top:1px solid #e2e8f0;background:#fff;padding:1.25rem 0;margin-top:auto;text-align:center}.guest-ai-footer p{font-size:.85rem;font-weight:500;color:#64748b;margin:0}.po-auth-container{min-height:100vh;display:flex;flex-direction:column;background-color:#f8fafc;background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.06) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(99,102,241,.06) 0%,transparent 40%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.po-auth-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background-color:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8);padding:1rem 1.5rem;box-shadow:0 1px 3px #0000000a}.po-auth-header-left{display:flex;align-items:center;gap:.75rem}.po-auth-logo-icon{width:40px;height:40px;border-radius:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:0 4px 14px #2563eb4d}.po-auth-logo-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.01em}.po-auth-logo-subtitle{font-size:.75rem;color:#64748b;margin:0}.po-auth-back-button{padding:.5rem 1rem;background-color:#f1f5f9e6;color:#334155;font-size:.85rem;font-weight:600;border:1px solid #cbd5e1;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.po-auth-back-button:hover{background-color:#fff;color:#2563eb;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.po-auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.po-auth-card{width:100%;max-width:420px;background-color:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1.25rem;box-shadow:0 20px 40px -5px #0000000f,0 8px 10px -5px #00000005;padding:1.75rem;border:1px solid rgba(255,255,255,.95)}.po-auth-card-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.po-auth-badge{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.25rem .6rem;border-radius:999px}.po-auth-title{font-size:1.625rem;font-weight:900;color:#1e293b;margin:0;letter-spacing:-.02em}.po-auth-subtitle{font-size:.875rem;color:#64748b;margin:0}.po-auth-error-box{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;font-size:.8125rem;margin-bottom:1rem}.po-auth-success-box{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#166534;font-size:.8125rem;margin-bottom:1rem}.po-auth-form{display:flex;flex-direction:column;gap:.875rem}.po-auth-input-group{display:flex;flex-direction:column;gap:.375rem}.po-auth-label{font-size:.8125rem;font-weight:600;color:#334155}.po-auth-input-wrapper{display:flex;align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;overflow:hidden;height:2.75rem;transition:all .2s ease}.po-auth-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.po-auth-input-icon{padding-left:.875rem;padding-right:.5rem;font-size:1.125rem;color:#64748b}.po-auth-input{flex:1;padding:0 1rem;font-size:.875rem;border:none;background-color:transparent;color:#1e293b;outline:none;height:100%}.po-auth-toggle-password{padding-right:.875rem;padding-left:.5rem;font-size:1.125rem;color:#64748b;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.po-auth-toggle-password:hover{color:#2563eb}.po-auth-submit-button{width:100%;padding:.7rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.9rem;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 4px 14px #2563eb40;margin-top:.375rem;transition:all .2s ease}.po-auth-submit-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb59}.po-auth-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.po-auth-footer{border-top:1px solid #f1f5f9;padding-top:1rem;margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.625rem;text-align:center}.po-auth-support-text{font-size:.75rem;color:#64748b;margin:0}.po-auth-support-link{font-size:.8125rem;color:#2563eb;text-decoration:none;font-weight:600;transition:color .2s ease}.po-auth-support-link:hover{color:#1d4ed8}.po-auth-link-button,.po-auth-inline-link{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.po-auth-inline-link{color:#2563eb;font-weight:600;font-size:inherit;text-decoration:underline}.po-auth-footer-bar{border-top:1px solid rgba(226,232,240,.8);background-color:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.25rem 0;margin-top:auto;text-align:center;display:flex;justify-content:center;align-items:center}.po-auth-footer-bar p{font-size:.875rem;font-weight:500;color:#64748b;margin:0;text-align:center}.po-widget-fab{position:fixed;bottom:1.75rem;right:1.75rem;z-index:200;display:flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border:none;border-radius:999px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 10px 30px -4px #0284c773;transition:all .2s cubic-bezier(.4,0,.2,1)}.po-widget-fab:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 36px -4px #0284c78c}.po-widget-fab i{font-size:1.15rem}.po-widget-window{position:fixed;bottom:5.75rem;right:1.75rem;z-index:200;width:390px;min-width:320px;max-width:calc(100vw - 2rem);height:580px;min-height:420px;max-height:calc(100vh - 8rem);background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 20px 50px -10px #0f172a38;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:po-widget-pop .2s cubic-bezier(.16,1,.3,1)}.po-widget-resize-handle{position:absolute;top:0;left:0;width:32px;height:32px;padding:6px;box-sizing:border-box;z-index:10;cursor:nwse-resize;touch-action:none;border-top-left-radius:20px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.po-widget-resize-handle:hover{background:#ffffff40}.po-widget-resize-handle i{font-size:.75rem;color:#ffffffe6;transform:rotate(90deg)}@keyframes po-widget-pop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.po-widget-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem 1rem 1.75rem;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.po-widget-header-title{display:flex;align-items:center;gap:.75rem}.po-widget-header-icon-badge{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#0284c7,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;box-shadow:0 4px 12px #0284c766}.po-widget-header-title strong{display:block;font-size:.95rem;font-weight:800;letter-spacing:-.01em;color:#fff}.po-widget-header-title span{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:#94a3b8;font-weight:500;margin-top:.1rem}.po-widget-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.po-widget-messages{flex:1;overflow-y:auto;padding:1.1rem;display:flex;flex-direction:column;gap:.85rem;background:#f8fafc}.po-widget-message{display:flex;flex-shrink:0}.po-widget-message-user{justify-content:flex-end}.po-widget-message-assistant{justify-content:flex-start}.po-widget-bubble{max-width:86%;padding:.75rem .95rem;border-radius:16px;font-size:.85rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;flex-shrink:0}.po-widget-bubble p,.po-widget-bubble ul{margin:0 0 .5rem}.po-widget-bubble p:last-child,.po-widget-bubble ul:last-child{margin-bottom:0}.po-widget-bubble strong{font-weight:700}.po-widget-list{padding-left:1.15rem}.po-widget-list li{margin-bottom:.3rem}.po-widget-list li:last-child{margin-bottom:0}.po-widget-message-user .po-widget-bubble{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 14px #0284c740}.po-widget-message-assistant .po-widget-bubble{background:#fff;color:#0f172a;border:1px solid #e2e8f0;border-bottom-left-radius:4px;box-shadow:0 2px 10px #0f172a08}.po-widget-thinking-status{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;color:#64748b;padding:.25rem .4rem;flex-shrink:0}.po-widget-thinking-icon{font-size:.8rem;color:#3b82f6;animation:ai-sparkle-pulse 1.5s infinite ease-in-out}.po-widget-thinking-dots{display:inline-flex;align-items:center;gap:.2rem}.po-widget-thinking-dots span{width:4px;height:4px;border-radius:50%;background:currentColor;animation:ai-thinking-bounce 1.2s infinite ease-in-out both}.po-widget-bubble-loading{color:#64748b;font-style:italic;display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1px solid #e2e8f0}.po-widget-thinking-dots{display:inline-flex;align-items:center;gap:.25rem}.po-widget-thinking-dots span{width:6px;height:6px;border-radius:50%;background:#0284c7;animation:po-widget-thinking-bounce 1.2s infinite ease-in-out both}.po-widget-thinking-dots span:nth-child(1){animation-delay:-.32s}.po-widget-thinking-dots span:nth-child(2){animation-delay:-.16s}.po-widget-thinking-dots span:nth-child(3){animation-delay:0s}@keyframes po-widget-thinking-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}.po-widget-option-choices{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.po-widget-option-btn{border:1px solid #bae6fd;background:#f0f9ff;color:#0284c7;border-radius:999px;padding:.45rem .9rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease}.po-widget-option-btn:not(:disabled):hover{background:#0284c7;color:#fff;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0284c740}.po-widget-option-btn:disabled{opacity:.6;cursor:not-allowed}.po-widget-sources{margin-top:.65rem;padding-top:.5rem;border-top:1px solid #f1f5f9;font-size:.73rem;color:#64748b;line-height:1.45}.po-widget-sources-label{display:block;font-weight:600;margin-bottom:.35rem;color:#64748b}.po-widget-sources-label i{margin-right:.3rem}.po-widget-sources-list{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.po-widget-sources-general{font-style:italic;color:#64748b}.po-widget-source-tag{display:inline-flex;align-items:center;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;font-weight:500;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;line-height:1.3}.po-widget-error{padding:.65rem 1rem;font-size:.8rem;color:#dc2626;background:#fef2f2;border-top:1px solid #fecaca;flex-shrink:0}.po-widget-prompts{padding:.5rem 1rem .85rem;display:flex;flex-direction:column;gap:.45rem;flex-shrink:0;background:#fff;border-top:1px solid #f1f5f9}.po-widget-prompts button{text-align:left;padding:.6rem .85rem;background:#f8fafc;color:#0284c7;border:1px solid #e2e8f0;border-radius:12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between}.po-widget-prompts button:after{content:"→";font-size:.9rem;opacity:.6}.po-widget-prompts button:hover{background:#f0f9ff;border-color:#bae6fd;transform:translate(2px)}.po-widget-input-row{display:flex;gap:.6rem;padding:.85rem;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;align-items:flex-end}.po-widget-input-row textarea{flex:1;padding:.65rem .85rem;border:1px solid #cbd5e1;border-radius:12px;font-size:.85rem;color:#0f172a;font-family:inherit;resize:none;overflow-y:auto;max-height:7rem;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.po-widget-input-row textarea:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.po-widget-input-row button{width:40px;height:40px;flex-shrink:0;border:none;border-radius:12px;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0284c74d;transition:all .15s ease}.po-widget-input-row button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0284c766}.po-widget-input-row button:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}@media(max-width:480px){.po-widget-window{right:1rem;left:1rem;width:auto;bottom:5.25rem}.po-widget-fab span{display:none}.po-widget-fab{padding:.85rem;right:1rem;bottom:1rem}}.po-profile-page{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a}.po-profile-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background-color:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;padding:.85rem 1.75rem;box-shadow:0 4px 20px -5px #00000008}.po-profile-header-left{display:flex;align-items:center;gap:.85rem}.po-profile-header-logo-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0284c7,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:0 4px 14px #2563eb4d}.po-profile-header-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:#0f172a;margin:0;line-height:1.2}.po-profile-header-badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0284c7;background:#e0f2fe;border-radius:999px;padding:.15rem .6rem;margin-top:.15rem}.po-profile-header-right{display:flex;align-items:center;gap:1rem}.po-profile-header-username{font-size:.875rem;font-weight:600;color:#334155;background:#f1f5f9;padding:.35rem .85rem;border-radius:999px;border:1px solid #e2e8f0}.po-profile-body{flex:1;display:flex;align-items:flex-start;gap:1.75rem;max-width:1280px;width:100%;margin:0 auto;padding:1.75rem;box-sizing:border-box}.po-profile-sidebar{width:270px;flex-shrink:0;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:sticky;top:5.5rem;box-shadow:0 4px 20px -2px #0f172a0a}.po-profile-avatar{width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg,#0284c7,#3b82f6);color:#fff;font-size:1.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;box-shadow:0 8px 24px -4px #0284c759;border:3px solid #ffffff}.po-profile-sidebar-name{margin:0;font-size:1.1rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.po-profile-sidebar-meta{margin:.2rem 0 1rem;font-size:.78rem;color:#64748b;font-weight:500}.po-profile-sidebar-stat{width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;font-size:.78rem;font-weight:700;color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:999px;padding:.4rem .85rem;margin-bottom:1.25rem;box-sizing:border-box}.po-profile-nav{width:100%;display:flex;flex-direction:column;gap:.35rem;padding-top:1.1rem;margin-bottom:1.25rem;border-top:1px solid #f1f5f9}.po-profile-nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:10px;text-decoration:none;color:#475569;font-size:.875rem;font-weight:600;text-align:left;transition:all .15s ease}.po-profile-nav-item:hover{background-color:#f8fafc;color:#0f172a}.po-profile-nav-item.active{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;box-shadow:0 4px 12px #0284c740}.po-profile-nav-item i{width:18px;text-align:center;font-size:.95rem}.po-profile-signout{width:100%;padding:.65rem .85rem;border-radius:10px;border:1px solid #fecaca;background-color:#fef2f2;color:#dc2626;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .15s ease}.po-profile-signout:hover{background-color:#fee2e2;border-color:#fca5a5}.po-profile-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.75rem}.po-profile-hero{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;padding:1.75rem 2rem;color:#fff;box-shadow:0 10px 30px -10px #0f172a4d;position:relative;overflow:hidden}.po-profile-hero:before{content:"";position:absolute;top:-40%;right:-10%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#0284c740,#fff0 70%);pointer-events:none}.po-profile-welcome{position:relative;z-index:1}.po-profile-welcome h1{margin:0 0 .4rem;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:#0f172a}.po-profile-hero .po-profile-welcome h1{color:#fff}.po-profile-welcome p{margin:0;font-size:.9rem;color:#64748b;font-weight:400}.po-profile-hero .po-profile-welcome p{color:#94a3b8}.po-profile-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.25rem}.po-stat-tile{background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:1rem 1.15rem;display:flex;align-items:center;gap:1rem}.po-stat-tile-icon{width:44px;height:44px;border-radius:12px;background:#0284c733;color:#38bdf8;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.po-stat-tile-val{font-size:1.35rem;font-weight:800;color:#fff;line-height:1.1}.po-stat-tile-lbl{font-size:.72rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-top:.2rem}.po-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.75rem;box-shadow:0 4px 20px -4px #0f172a08}.po-profile-section-title{margin:0;font-size:1.1rem;font-weight:800;color:#0f172a;letter-spacing:-.01em;display:flex;align-items:center;gap:.6rem}.po-profile-section-title i{color:#0284c7;font-size:1.15rem}.po-profile-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.po-profile-section-header .po-profile-section-title{margin-bottom:0}.po-profile-edit-btn{flex-shrink:0;display:flex;align-items:center;gap:.45rem;border:none;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;font-size:.82rem;font-weight:700;padding:.5rem 1rem;border-radius:10px;cursor:pointer;box-shadow:0 4px 12px #0284c740;transition:all .15s ease}.po-profile-edit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0284c759}.po-profile-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.po-profile-details-grid>div{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:.85rem 1rem;box-sizing:border-box}.po-profile-details-grid label,.po-pet-details-grid label{display:block;font-size:.68rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem}.po-profile-details-grid p,.po-pet-details-grid p{margin:0;font-size:.9rem;color:#0f172a;font-weight:600;overflow-wrap:anywhere}.po-profile-edit-form .po-profile-details-grid>div{background:transparent;border:none;padding:0}.po-profile-edit-form .po-profile-details-grid label{margin-bottom:.35rem}.po-profile-readonly{margin:0;font-size:.9rem;color:#64748b;font-weight:500;background:#f1f5f9;padding:.6rem .85rem;border-radius:8px;border:1px solid #e2e8f0}.po-profile-edit-form input,.po-profile-edit-form select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:.6rem .85rem;font-size:.875rem;color:#0f172a;font-family:inherit;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.po-profile-edit-form input:focus,.po-profile-edit-form select:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.po-profile-edit-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #f1f5f9}.po-profile-edit-cancel,.po-profile-edit-save{border:none;border-radius:10px;padding:.65rem 1.25rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s ease}.po-profile-edit-cancel{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.po-profile-edit-cancel:hover:not(:disabled){background:#e2e8f0}.po-profile-edit-save{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b98140}.po-profile-edit-save:hover:not(:disabled){background:#059669}.po-profile-edit-cancel:disabled,.po-profile-edit-save:disabled{opacity:.6;cursor:not-allowed}.po-profile-detail-wide{grid-column:span 2;min-width:0}.po-profile-muted{color:#64748b;font-size:.875rem}.po-profile-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#64748b;font-size:.9rem;padding:2.5rem}.po-profile-spinner{width:20px;height:20px;border:3px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;display:inline-block;animation:po-profile-spin .7s linear infinite}@keyframes po-profile-spin{to{transform:rotate(360deg)}}.po-profile-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:.85rem 1.1rem;border-radius:10px;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.po-profile-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem;color:#94a3b8}.po-profile-empty i{font-size:2.25rem;margin-bottom:.75rem;color:#cbd5e1}.po-profile-empty p{margin:0 0 .25rem;font-weight:700;font-size:1rem;color:#475569}.po-profile-empty span{font-size:.85rem}.po-profile-pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.35rem}.po-pet-card{border:1px solid #e2e8f0;border-radius:16px;padding:1.35rem;background:#fff;box-shadow:0 4px 16px -4px #0f172a08;transition:all .2s ease}.po-pet-card:hover{box-shadow:0 12px 30px -6px #0f172a14;transform:translateY(-2px);border-color:#bae6fd}.po-pet-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:1.15rem}.po-pet-card-header-info{display:flex;align-items:center;gap:.9rem;min-width:0}.po-pet-neutered-badge{flex-shrink:0;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .65rem;border-radius:999px;white-space:nowrap}.po-pet-neutered-badge.yes{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.po-pet-neutered-badge.no{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.po-pet-gender-icon{font-size:.8rem;margin-right:.15rem}.po-pet-gender-male{color:#0284c7}.po-pet-gender-female{color:#ec4899}.po-pet-photo{width:60px;height:60px;border-radius:18px;object-fit:cover;flex-shrink:0;border:2px solid #f1f5f9;box-shadow:0 4px 10px #0000000d}.po-pet-photo-placeholder{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#0284c7;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;box-shadow:0 4px 10px #0284c71a}.po-pet-name{margin:0;font-size:1.1rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.po-pet-breed{margin:.15rem 0 0;font-size:.8rem;color:#64748b;font-weight:500}.po-pet-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;padding:.85rem}.po-pet-alert,.po-pet-note{margin-top:1rem;padding:.65rem .85rem;border-radius:10px;font-size:.8rem;font-weight:600;display:flex;align-items:flex-start;gap:.5rem}.po-pet-alert{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.po-pet-note{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.po-pet-vaccinations{margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.po-pet-vaccinations-title{margin:0 0 .6rem;font-size:.72rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:.45rem}.po-pet-vaccinations-title i{color:#0284c7}.po-vax-item{padding:.65rem .75rem;border-radius:10px;background:#f8fafc;border:1px solid #f1f5f9;margin-bottom:.45rem}.po-vax-item:last-child{margin-bottom:0}.po-vax-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.po-vax-name{font-size:.82rem;font-weight:700;color:#0f172a}.po-vax-badge{flex-shrink:0;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:.15rem .55rem;border-radius:999px;white-space:nowrap}.po-vax-badge.overdue{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.po-vax-badge.upcoming{background:#fffbeb;color:#d97706;border:1px solid #fef3c7}.po-vax-badge.done{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.po-vax-meta{margin:.25rem 0 0;font-size:.74rem;color:#64748b}.po-vax-reaction{margin:.35rem 0 0;font-size:.74rem;color:#b91c1c;display:flex;align-items:flex-start;gap:.35rem}.po-pet-lab-reports{margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.po-pet-lab-reports-title{margin:0 0 .6rem;font-size:.72rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:.45rem}.po-pet-lab-reports-title i{color:#0284c7}.po-lab-report-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border-radius:10px;background:#f8fafc;border:1px solid #f1f5f9;margin-bottom:.45rem}.po-lab-report-item:last-child{margin-bottom:0}.po-lab-report-info{display:flex;align-items:center;gap:.75rem;min-width:0}.po-lab-report-info i{color:#0284c7;font-size:1.15rem;flex-shrink:0}.po-lab-report-name{margin:0;font-size:.82rem;font-weight:700;color:#0f172a;overflow-wrap:anywhere}.po-lab-report-meta{font-size:.72rem;color:#64748b}.po-lab-report-download-btn{flex-shrink:0;width:32px;height:32px;border-radius:10px;border:1px solid #bae6fd;background:#f0f9ff;color:#0284c7;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.po-lab-report-download-btn:hover:not(:disabled){background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 4px 10px #0284c740}.po-lab-report-download-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.po-profile-body{flex-direction:column}.po-profile-sidebar{width:100%;position:static}}.po-appt-success{color:#059669;font-size:.875rem;display:flex;align-items:center;gap:.4rem;margin:0 0 1rem;padding:.65rem .9rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.6rem}.po-appt-form{display:flex;flex-direction:column;gap:1.25rem}.po-appt-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.1rem}.po-appt-field{display:flex;flex-direction:column;gap:.4rem}.po-appt-field-wide{grid-column:1 / -1}.po-appt-field label{font-size:.78rem;font-weight:600;color:#475569;letter-spacing:.01em}.po-appt-field-hint{font-size:.72rem;color:#64748b;line-height:1.4}.po-appt-field select,.po-appt-field input,.po-appt-field textarea{border:1px solid #e2e8f0;border-radius:.65rem;padding:.65rem .85rem;font-size:.875rem;color:#0f172a;font-family:inherit;background:#f8fafc;transition:all .2s ease}.po-appt-field select:hover,.po-appt-field input:hover,.po-appt-field textarea:hover{border-color:#cbd5e1;background:#fff}.po-appt-field select:focus,.po-appt-field input:focus,.po-appt-field textarea:focus{outline:none;border-color:#137fec;background:#fff;box-shadow:0 0 0 3px #137fec24}.po-appt-field textarea{resize:vertical;min-height:80px}.po-appt-datepicker{position:relative}.po-appt-datepicker-trigger{width:100%;display:flex;align-items:center;gap:.6rem;border:1px solid #e2e8f0;border-radius:.65rem;padding:.65rem .85rem;font-size:.875rem;color:#0f172a;background:#f8fafc;cursor:pointer;text-align:left;transition:all .2s ease}.po-appt-datepicker-trigger i{color:#137fec;font-size:.95rem}.po-appt-datepicker-trigger:hover{border-color:#137fec;background:#fff}.po-appt-datepicker-placeholder{color:#94a3b8}.po-appt-datepicker-popover{position:absolute;z-index:30;top:calc(100% + .5rem);left:0;width:280px;background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;box-shadow:0 20px 35px -5px #0f172a26,0 8px 15px -6px #0f172a14;padding:1rem;animation:poFadeInDown .15s ease-out}@keyframes poFadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.po-appt-datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.po-appt-datepicker-month{font-size:.88rem;font-weight:700;color:#0f172a}.po-appt-datepicker-nav{border:none;background:#f1f5f9;color:#334155;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.po-appt-datepicker-nav:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.po-appt-datepicker-nav:disabled{opacity:.35;cursor:not-allowed}.po-appt-datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.3rem}.po-appt-datepicker-weekdays span{text-align:center;font-size:.68rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.po-appt-datepicker-sun{color:#ef4444!important}.po-appt-datepicker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem}.po-appt-datepicker-day{aspect-ratio:1;border:none;background:none;border-radius:.5rem;font-size:.8rem;font-weight:500;color:#1e293b;cursor:pointer;transition:all .15s ease}.po-appt-datepicker-day:hover:not(:disabled){background:#eff6ff;color:#137fec;font-weight:600}.po-appt-datepicker-day.selected{background:#137fec;color:#fff;font-weight:700;box-shadow:0 2px 8px #137fec59}.po-appt-datepicker-day.outside{color:#cbd5e1}.po-appt-datepicker-day.disabled{color:#e2e8f0;cursor:not-allowed;text-decoration:line-through}.po-appt-datepicker-hint{margin:.65rem 0 0;font-size:.7rem;color:#94a3b8;text-align:center}.po-appt-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.6rem;margin-top:.35rem}.po-appt-slot{display:flex;flex-direction:column;align-items:center;gap:.2rem;border:1px solid #e2e8f0;border-radius:.65rem;padding:.55rem .45rem;background:#fff;font-size:.8rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.po-appt-slot-time{line-height:1.1}.po-appt-slot-capacity{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#059669}.po-appt-slot:hover:not(:disabled){border-color:#137fec;color:#137fec;transform:translateY(-1px);box-shadow:0 4px 12px #137fec1f}.po-appt-slot.selected{background:linear-gradient(135deg,#137fec,#0f6bd0);border-color:#137fec;color:#fff;box-shadow:0 4px 12px #137fec47}.po-appt-slot.selected .po-appt-slot-capacity{color:#dbeafe}.po-appt-slot.full,.po-appt-slot:disabled{background:#f8fafc;border-color:#f1f5f9;color:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.po-appt-slot.full .po-appt-slot-time,.po-appt-slot:disabled .po-appt-slot-time{text-decoration:line-through}.po-appt-slot.full .po-appt-slot-capacity,.po-appt-slot:disabled .po-appt-slot-capacity{color:#cbd5e1}.po-appt-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.po-appt-btn{border:none;border-radius:.65rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.po-appt-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.po-appt-btn-primary{background:linear-gradient(135deg,#137fec,#0f6bd0);color:#fff;box-shadow:0 3px 12px #137fec40}.po-appt-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #137fec59}.po-appt-btn-secondary{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.po-appt-btn-secondary:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.po-appt-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 3px 12px #ef444440}.po-appt-btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #ef444459}.po-appt-required{color:#ef4444}.po-appt-modal-overlay{position:fixed;inset:0;z-index:100;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:poModalFadeIn .2s ease-out}@keyframes poModalFadeIn{0%{opacity:0}to{opacity:1}}.po-appt-modal{width:100%;max-width:440px;background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #0f172a40;overflow:hidden;border:1px solid rgba(226,232,240,.8);animation:poModalSlideUp .2s cubic-bezier(.16,1,.3,1)}@keyframes poModalSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.po-appt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid #f1f5f9}.po-appt-modal-header h3{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.po-appt-modal-header h3 i{color:#ef4444}.po-appt-modal-close{border:none;background:#f8fafc;color:#94a3b8;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.po-appt-modal-close:hover{background:#f1f5f9;color:#334155}.po-appt-modal-body{padding:1.25rem 1.5rem}.po-appt-modal-body p{margin:0 0 .75rem;font-size:.9rem;color:#334155;line-height:1.55}.po-appt-modal-note{color:#64748b!important;font-size:.8rem!important;background:#f8fafc;padding:.6rem .85rem;border-radius:.5rem;border-left:3px solid #cbd5e1}.po-appt-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #f1f5f9}.po-appt-list{margin-top:1.5rem}.po-appt-list:first-child{margin-top:0}.po-appt-list-title{margin:0 0 .75rem;font-size:.78rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem}.po-appt-row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;border:1px solid #e2e8f0;border-radius:.85rem;padding:1rem 1.2rem;margin-bottom:.75rem;background:#fff;box-shadow:0 2px 6px #0f172a08;transition:all .2s cubic-bezier(.4,0,.2,1)}.po-appt-row:hover{border-color:#cbd5e1;box-shadow:0 6px 18px #0f172a0f;transform:translateY(-1px)}.po-appt-row:last-child{margin-bottom:0}.po-appt-row-main{display:flex;align-items:center;gap:1.25rem;min-width:0;flex:1}.po-appt-row-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;flex-shrink:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.65rem;padding:.55rem .65rem}.po-appt-row-date-day{font-size:.8rem;font-weight:700;color:#0f172a;text-align:center;line-height:1.2}.po-appt-row-date-time{font-size:.73rem;font-weight:600;color:#137fec;margin-top:.25rem}.po-appt-row-info{min-width:0;flex:1}.po-appt-row-pet{margin:0;font-size:.92rem;font-weight:700;color:#0f172a}.po-appt-row-type{font-weight:500;color:#64748b;font-size:.85rem}.po-appt-row-reason{margin:.25rem 0 0;font-size:.83rem;color:#475569;overflow-wrap:anywhere;line-height:1.4}.po-appt-row-vet{margin:.35rem 0 0;font-size:.78rem;color:#137fec;font-weight:600;display:flex;align-items:center;gap:.3rem}.po-appt-row-vet i{font-size:.75rem}.po-appt-row-actions{display:flex;align-items:center;gap:.85rem;flex-shrink:0}.po-appt-status{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .7rem;border-radius:999px;white-space:nowrap}.po-appt-status-scheduled,.po-appt-status-confirmed{background:#eff6ff;color:#137fec;border:1px solid #bfdbfe}.po-appt-status-in_progress{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.po-appt-status-completed{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.po-appt-status-cancelled,.po-appt-status-no_show{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.po-appt-btn-link{background:none;border:none;padding:.3rem .5rem;font-size:.8rem;font-weight:600;color:#137fec;cursor:pointer;display:flex;align-items:center;gap:.35rem;border-radius:.4rem;transition:all .15s ease}.po-appt-btn-link:hover:not(:disabled){background:#eff6ff;color:#0f6bd0}.po-appt-btn-link:disabled{opacity:.6;cursor:not-allowed}.po-appt-btn-link-danger{color:#ef4444}.po-appt-btn-link-danger:hover:not(:disabled){background:#fef2f2;color:#dc2626}.po-appt-locked-note{font-size:.76rem;color:#64748b;background:#f8fafc;padding:.25rem .6rem;border-radius:.4rem;border:1px solid #f1f5f9}@media(max-width:640px){.po-appt-row{flex-direction:column;align-items:flex-start}.po-appt-row-main{width:100%}.po-appt-row-actions{width:100%;justify-content:space-between;padding-top:.6rem;border-top:1px solid #f1f5f9}}.po-photo-disclaimer{display:flex;align-items:flex-start;gap:.75rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;color:#92400e;border-radius:.85rem;padding:.85rem 1.15rem;font-size:.86rem;line-height:1.5;margin:0 0 1.5rem;box-shadow:0 2px 8px #d977060f}.po-photo-disclaimer i{color:#d97706;font-size:1.1rem;margin-top:.1rem;flex-shrink:0}.po-photo-file-input{display:none}.po-photo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;padding:2.25rem 1.5rem;border:2px dashed #cbd5e1;border-radius:.95rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:#64748b;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.po-photo-dropzone:hover{border-color:#137fec;background:#137fec0a;color:#137fec;transform:scale(1.005)}.po-photo-dropzone i{font-size:2rem;margin-bottom:.35rem;color:#137fec;transition:transform .25s ease}.po-photo-dropzone:hover i{transform:translateY(-3px)}.po-photo-dropzone-title{font-weight:700;font-size:.92rem;color:#1e293b}.po-photo-dropzone-hint{font-size:.76rem;color:#94a3b8}.po-photo-picked{position:relative;max-width:340px}.po-photo-picked img{width:100%;max-height:280px;object-fit:cover;border-radius:.95rem;border:1px solid #e2e8f0;display:block;box-shadow:0 10px 25px #0f172a1f}.po-photo-remove-btn{position:absolute;top:.65rem;right:.65rem;width:2rem;height:2rem;border:none;border-radius:50%;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .15s ease}.po-photo-remove-btn:hover{background:#ef4444e6;transform:scale(1.1)}.po-photo-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;align-self:flex-start;border:none;border-radius:.75rem;padding:.8rem 1.6rem;font-size:.92rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#137fec,#4f46e5);box-shadow:0 4px 14px #137fec59;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.po-photo-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #4f46e573}.po-photo-btn-primary:active:not(:disabled){transform:translateY(0)}.po-photo-btn-primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.po-photo-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;margin-top:1.2rem;border:1px solid #e2e8f0;border-radius:.7rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;color:#334155;background:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0f172a0a}.po-photo-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14}.po-photo-status{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.88rem;padding:.45rem .95rem;border-radius:999px;margin-bottom:1rem}.po-photo-status-pending,.po-photo-status-processing{color:#137fec;background:#137fec1a;border:1px solid rgba(19,127,236,.2)}.po-photo-status-completed{color:#059669;background:#0596691a;border:1px solid rgba(5,150,105,.2)}.po-photo-status-failed{color:#dc2626;background:#dc26261a;border:1px solid rgba(220,38,38,.2)}.po-photo-guidance-text{color:#1e293b;line-height:1.7;font-size:.93rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.85rem;padding:1.25rem 1.35rem}.po-photo-guidance-text p,.po-photo-guidance-text ul,.po-photo-guidance-text ol{margin:0 0 .75rem}.po-photo-guidance-text p:last-child,.po-photo-guidance-text ul:last-child,.po-photo-guidance-text ol:last-child{margin-bottom:0}.po-photo-guidance-text strong{font-weight:700;color:#0f172a}.po-photo-list{padding-left:1.3rem}.po-photo-list li{margin-bottom:.35rem}.po-photo-list li:last-child{margin-bottom:0}.po-photo-guidance-error{color:#dc2626;font-size:.875rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.65rem;padding:.85rem 1.1rem}.po-photo-history{display:flex;flex-direction:column;gap:1.1rem}.po-photo-history-row{border:1px solid #e2e8f0;border-radius:.85rem;padding:1.1rem 1.25rem;background:#fff;box-shadow:0 2px 6px #0f172a08;transition:all .2s ease}.po-photo-history-row:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0f172a0f}.po-photo-history-row-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem}.po-photo-status-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .65rem;border-radius:999px}.po-photo-history-date{font-size:.78rem;font-weight:600;color:#64748b}.po-photo-history-text{margin:.5rem 0 0;font-size:.88rem;color:#334155;line-height:1.6;background:#f8fafc;border:1px solid #f1f5f9;border-radius:.65rem;padding:.85rem 1.1rem}.po-photo-history-text p,.po-photo-history-text ul,.po-photo-history-text ol{margin:0 0 .5rem}.po-photo-history-text p:last-child,.po-photo-history-text ul:last-child,.po-photo-history-text ol:last-child{margin-bottom:0}.po-photo-history-text strong{font-weight:700;color:#0f172a}