@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700&display=swap";@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Epilogue:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700&display=swap";@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;text-align:center;box-sizing:border-box;width:100%;min-height:100svh;font:16px/1.4 var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-inline:none;display:flex}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{border-inline:1px solid var(--border);max-width:1200px;margin:0 auto;font-size:18px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{width:100%;margin:0;overflow-x:hidden}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex;overflow-x:hidden}*,:before,:after{box-sizing:border-box}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:16px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{margin:10px 0;font-size:32px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#2356ef;--bg-theme:#eef7ff;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0}body{background-color:var(--bg-theme);min-height:100vh}.login-page-wrapper{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow-y:auto}.login-card{background:#fff;border-radius:28px;flex-shrink:0;width:100%;min-width:280px;max-width:410px;margin:auto;padding:clamp(25px,5vw,40px);position:relative;box-shadow:0 15px 40px #0000000d}.clinic-brand-container{align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.brand-icon{object-fit:contain;width:clamp(40px,10vw,48px);height:auto}.brand-text-img{object-fit:contain;width:auto;height:clamp(18px,5vw,22px)}.header-divider{background:var(--primary);border-radius:10px;width:45px;height:4px;margin-bottom:1.5rem}.login-header h2{color:var(--text-main);margin-bottom:6px;font-size:clamp(1.3rem,4vw,1.5rem);font-weight:700}.subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.88rem;line-height:1.4}.input-group{width:100%;margin-bottom:1.2rem}.input-group label{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:.65rem;font-weight:700;display:block}.password-wrapper{width:100%;position:relative}.input-group input{border:1px solid var(--border-color);background:#f9fafb;border-radius:12px;width:100%;padding:14px 48px 14px 16px;font-size:1rem;transition:all .2s}.input-group input::-webkit-reveal{display:none!important}.input-group input::-webkit-clear-button{display:none!important}.input-group input::-ms-reveal{display:none!important}.input-group input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #2356ef14}.password-toggle-btn{cursor:pointer;color:var(--text-muted);z-index:10;padding:8px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.password-toggle-btn:hover{color:var(--primary)}.password-toggle-btn svg{width:20px;height:20px}.signin-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:10px;padding:15px;font-size:1rem;font-weight:600;transition:all .2s}.signin-btn:hover{background:#1a46d1}@media (height<=680px){.login-card{padding:25px 30px}.subtitle{margin-bottom:1rem}}@media (width<=480px){.login-card{border-radius:20px;padding:25px 20px}}.db-container{color:#333;box-sizing:border-box;background:#eef7ff;min-height:100vh;padding:22px 24px;font-family:DM Sans,sans-serif;transition:background .3s,color .3s}[data-theme=dark] .db-container{background:var(--bg,#0f172a)!important;color:var(--text-h,#f1f5f9)!important}.db-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.db-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 4px;font-family:Inter,sans-serif;font-size:24px;font-weight:700}[data-theme=dark] .db-title{color:var(--text-h,#f1f5f9)!important}.db-clock{flex-direction:column;align-items:flex-end;display:flex}.db-clock-time{color:#0f172a;letter-spacing:1px;font-family:Syne,sans-serif;font-size:20px;font-weight:700}[data-theme=dark] .db-clock-time{color:var(--text-h,#f1f5f9)!important}.db-clock-date{color:#94a3b8;font-size:11px}[data-theme=dark] .db-clock-date{color:var(--text-m,#64748b)!important}.db-refresh-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.db-refresh-btn:hover{background:#1d4ed8}[data-theme=dark] .db-refresh-btn{color:#fff!important;background:#2856a1!important}.db-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:100px 0;font-size:14px;display:flex}.db-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.db-stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.db-stat-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;align-items:center;gap:14px;min-width:0;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.db-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000000d}[data-theme=dark] .db-stat-card{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important;box-shadow:var(--shadow-sm)!important}.db-stat-glow{background:var(--accent-glow,#3498db);opacity:.08;filter:blur(20px);pointer-events:none;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-20px;right:-20px}.db-stat-icon{background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}[data-theme=dark] .db-stat-icon{background:var(--surface2,#253347)!important}.db-stat-body{text-align:left;flex-direction:column;gap:3px;min-width:0;display:flex}.db-stat-value{color:#0f172a;font-family:Syne,sans-serif;font-size:22px;font-weight:700;line-height:1}[data-theme=dark] .db-stat-value{color:var(--text-h,#f1f5f9)!important}.db-stat-unit{color:#94a3b8;font-size:13px;font-weight:400}.db-stat-label{color:#64748b;white-space:nowrap;font-size:12px}[data-theme=dark] .db-stat-label{color:var(--text-b,#94a3b8)!important}.db-main-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.db-widget{box-sizing:border-box;background:#fff;border:1px solid #e8edf4;border-radius:18px;width:auto;min-width:0;padding:22px;box-shadow:0 4px 15px #00000005}[data-theme=dark] .db-widget{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important}.db-widget-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.db-widget-header h3{color:#0f172a;text-align:left;margin:0 0 4px;font-family:Inter,sans-serif;font-size:15px;font-weight:700}[data-theme=dark] .db-widget-header h3{color:var(--text-h,#f1f5f9)!important}.db-widget-sub{color:#94a3b8;font-size:12px}.db-alert-chip{color:#dc2626;background:#fee2e2;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700}[data-theme=dark] .db-alert-chip{color:#f87171;background:#2d0d0d}.db-rating-chip{color:#d97706;background:#fef3c7;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}[data-theme=dark] .db-rating-chip{color:#fbbf24;background:#1c1208}.db-appt-list{flex-direction:column;gap:10px;display:flex}.db-appt-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:10px 14px;transition:background .15s;display:flex}.db-appt-row:hover{background:#f1f5f9}[data-theme=dark] .db-appt-row{background:var(--surface2,#253347)!important;border-color:var(--border,#334155)!important}[data-theme=dark] .db-appt-row:hover{background:var(--input-bg-focus,#2d3f55)!important}.db-appt-avatar{color:#1e293b;background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}[data-theme=dark] .db-appt-avatar{color:#f1f5f9;background:linear-gradient(135deg,#334155,#475569)}.db-appt-info{text-align:left;flex:1;min-width:0}.db-appt-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}[data-theme=dark] .db-appt-name{color:var(--text-h,#f1f5f9)!important}.db-appt-service{color:#64748b;margin-top:2px;font-size:11px;display:block}.db-appt-status{text-transform:uppercase;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.db-stock-list{flex-direction:column;gap:10px;display:flex}.db-stock-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}[data-theme=dark] .db-stock-row{background:var(--surface2,#253347)!important;border-color:var(--border,#334155)!important}.db-stock-info{text-align:left;flex:1;min-width:0}.db-stock-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}[data-theme=dark] .db-stock-name{color:var(--text-h,#f1f5f9)!important}.db-stock-bar{background:#e2e8f0;border-radius:4px;width:80px;height:5px;margin-top:6px;overflow:hidden}[data-theme=dark] .db-stock-bar{background:var(--border,#334155)}.db-stock-fill{border-radius:4px;height:100%}.db-stock-fill.low{background:#f59e0b}.db-stock-fill.out{background:#ef4444}.db-stock-qty{text-align:right;min-width:30px;font-size:12px;font-weight:700}.db-stock-qty.low{color:#d97706}.db-stock-qty.out{color:#dc2626}.db-empty{text-align:center;color:#94a3b8;padding:30px 0;font-size:13px}.db-review-list{flex-direction:column;gap:10px;display:flex}.db-review-row{text-align:left;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;min-width:0;padding:12px 14px}[data-theme=dark] .db-review-row{background:var(--surface2,#253347)!important;border-color:var(--border,#334155)!important}.db-review-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.db-review-name{color:#0f172a;font-size:13.5px;font-weight:600}[data-theme=dark] .db-review-name{color:var(--text-h,#f1f5f9)!important}.db-stars{color:#cbd5e1;gap:1px;display:flex}.db-star.on{color:#f59e0b}.db-review-comment{color:#475569;margin:0;font-size:12.5px;font-style:italic;line-height:1.5}[data-theme=dark] .db-review-comment{color:var(--text-b,#94a3b8)!important}.db-finance-overview,.db-appts-widget{grid-column:span 1;min-height:300px}.db-stock-widget,.db-reviews-widget{grid-column:span 1}@media (width<=900px){.db-main-grid{grid-template-columns:1fr}.db-finance-overview,.db-appts-widget,.db-stock-widget,.db-reviews-widget{grid-column:1;width:auto;min-height:auto}.db-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.db-container{padding:16px 14px}.db-stats-grid{grid-template-columns:1fr}.db-topbar{flex-direction:column;align-items:flex-start;gap:12px}.db-clock{align-items:flex-start}.db-clock-time{font-size:16px}.db-title{font-size:20px}}[data-theme=dark] .db-topbar{box-shadow:none!important;background:0 0!important;border-bottom:none!important}.db-title,[data-theme=dark] .db-title,.db-clock,.db-clock-time,.db-clock-date,[data-theme=dark] .db-clock,[data-theme=dark] .db-clock-time,[data-theme=dark] .db-clock-date,.db-topbar,[data-theme=dark] .db-topbar,.db-topbar-left,.db-topbar-right,[data-theme=dark] .db-topbar-left,[data-theme=dark] .db-topbar-right,.db-topbar,.db-title,.db-clock,[data-theme=dark] .db-topbar,[data-theme=dark] .db-title,[data-theme=dark] .db-clock{box-shadow:none!important;background:0 0!important;border:none!important}.appointment-page{background-color:#eef7ff;min-height:100vh;padding:40px;font-family:Inter,sans-serif}.tablecontainer{background-color:#fafafa;border-radius:20px;padding:35px 25px}.header-section{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.appt-refresh-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.appt-refresh-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#93c5fd}.appt-refresh-btn:disabled{opacity:.6;cursor:wait}.main-title{color:#1b2559;font-family:Inter,Arial;font-weight:700}.add-btn{color:#000;cursor:pointer;background:#e5e5e56b;border:1px solid #9b9a9a;border-radius:12px;padding:12px 24px;font-weight:700}.empty-state{text-align:center;color:#94a3b8;padding:40px;font-size:14px}.text-right{text-align:right}.table-header-gridd{color:#000;letter-spacing:1px;background-color:#dce6f0;grid-template-columns:1.5fr 1.2fr 1.2fr 1.5fr;margin-bottom:10px;padding:10px 25px;font-size:12px;font-weight:800;display:grid}.appointment-card-roww{background:#fff;border-radius:20px;grid-template-columns:1.5fr 1.2fr 1.2fr 1.5fr;align-items:center;margin-bottom:15px;padding:4px 25px;transition:all .3s;display:grid;box-shadow:0 4px 15px #00000008}.appointment-card-roww:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000000f}.p-sub{color:gray;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.status-badgee{font-size:13px;font-weight:800}.status-badgee.pending{color:#ffb547}.status-badgee.approved{color:#01b574}.status-badgee.cancelled{color:#ee5d50}.status-badgee.delay{color:#ffb547}.status-badgee.completed{color:#01b574}.btn-disabled{filter:grayscale();opacity:.3!important;cursor:not-allowed!important}.btn-disabled:hover{color:#707eae!important;background:#f4f7fe!important;transform:none!important}.modal-card{background:#fff;border-radius:20px;width:90%;max-width:450px;padding:25px;box-shadow:0 20px 40px #0000001a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:#1b2559;margin:0;font-size:18px}.close-x{cursor:pointer;color:#a3afd1;background:0 0;border:none;font-size:24px}.modal-body{flex-direction:column;gap:15px;display:flex}.detail-modal{background:#fff;border:.5px solid #0000000f;border-radius:20px;width:90%;max-width:440px;overflow:hidden;box-shadow:0 32px 64px #0000002e}.modal-header-top{text-align:center;background:linear-gradient(135deg,#1b2559 0%,#2563eb 100%);padding:28px 24px 44px;position:relative}.detail-status-pill{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#ffffff26;border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.detail-status-pill .dot{background:#4ade80;border-radius:50%;width:6px;height:6px;display:inline-block}.detail-avatar{color:#fff;background:#fff3;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 12px;font-size:28px;font-weight:800;display:flex}.modal-header-top h3{color:#fff;margin:0 0 4px;font-size:18px;font-weight:700}.modal-header-top p{color:#ffffffa6;margin:0;font-size:12px}.ref-strip{background:#f4f7fe;border:.5px solid #e0e7ff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.ref-strip .ref-label{text-transform:uppercase;letter-spacing:.5px;color:#a3afd1;font-size:11px;font-weight:700}.ref-strip code{color:#1b2559;background:#fff;border:.5px solid #e0e7ff;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:11px}.detail-info-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.detail-info-card{background:#f8faff;border:.5px solid #e8edf8;border-radius:12px;padding:14px}.detail-info-card .ic-icon{margin-bottom:6px;font-size:15px}.detail-info-card .ic-label{text-transform:uppercase;letter-spacing:.5px;color:#a3afd1;margin-bottom:5px;font-size:10px;font-weight:700}.detail-info-card .ic-value{color:#1b2559;font-size:13px;font-weight:700;line-height:1.4}.ic-value.approved{color:#01b574}.ic-value.pending{color:#ffb547}.ic-value.cancelled{color:#ee5d50}.ic-value.delay{color:#ffb547}.modal-action-row{gap:10px;display:flex}.btn-modal-close{color:#1b2559;cursor:pointer;background:#f4f7fe;border:1px solid #e0e7ff;border-radius:12px;flex:1;padding:11px;font-size:13px;font-weight:700}.btn-modal-close:hover{background:#e0e7ff}@media (width<=1024px){.table-header-grid,.appointment-card-row{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:10px;padding:15px}}@media (width<=768px){.table-header-grid{display:none}.appointments-page{padding:15px}.header-section{flex-direction:column;align-items:flex-start;gap:15px}.col-patient{border-bottom:1px solid #f1f5f9;width:100%;padding-bottom:10px}.col-service:before{content:"Service: ";color:#a3afd1;margin-right:5px;font-size:11px;font-weight:700}.col-status:before{content:"Date: ";color:#a3afd1;margin-right:5px;font-size:11px;font-weight:700}.col-service,.col-status{align-items:center;width:100%;display:flex}.col-actions{border-top:1px solid #f1f5f9;justify-content:flex-start;width:100%;margin-top:5px;padding-top:15px}.btn-icon-round{width:45px;height:45px}}@media (width<=480px){.detail-grid{grid-template-columns:1fr}.modal-card{width:95%;padding:20px}}[data-theme=dark] .appointment-page{background-color:#0f172a}[data-theme=dark] .tablecontainer{background-color:#1e293b}[data-theme=dark] .add-btn{color:#94a3b8;background:#253347;border-color:#334155}[data-theme=dark] .table-header-gridd{color:#94a3b8;background-color:#263f63!important}[data-theme=dark] .table-header-grid{background-color:#1f2c43}[data-theme=dark] .appointment-card-roww{background:#1e293b;border:1px solid #334155}[data-theme=dark] .appointment-card-roww:hover{background:#253347}[data-theme=dark] .service-chip{color:#60a5fa;background:#253347;border:1px solid #334155}[data-theme=dark] .btn-icon-round{border:none;color:#94a3b8!important;background:#253347!important}[data-theme=dark] .btn-icon-round:hover{color:#0f172a!important;background:#3b82f6!important}[data-theme=dark] .btn-icon-round.delete:hover{color:#fff!important;background:#ee5d50!important}[data-theme=dark] .btn-disabled,[data-theme=dark] .btn-icon-round:disabled{color:#475569!important;opacity:.35!important;background:#1e293b!important}[data-theme=dark] .detail-modal{background:#1e293b;border-color:#334155}[data-theme=dark] .ref-strip{background:#253347;border-color:#334155}[data-theme=dark] .ref-strip code{color:#f1f5f9;background:#1e293b;border-color:#334155}[data-theme=dark] .detail-info-card{background:#253347;border-color:#334155}[data-theme=dark] .detail-info-card .ic-label{color:#64748b}[data-theme=dark] .detail-info-card .ic-value{color:#f1f5f9}[data-theme=dark] .btn-modal-close{color:#f1f5f9;background:#253347;border-color:#334155}[data-theme=dark] .btn-modal-close:hover{background:#334155}[data-theme=dark] .appt-refresh-btn{color:#fff!important;background:#2856a1!important}@media (width<=768px){[data-theme=dark] .col-patient{border-bottom:1px solid #334155}[data-theme=dark] .col-actions{border-top:1px solid #334155}[data-theme=dark] .col-service:before,[data-theme=dark] .col-status:before{color:#64748b}}.appointments-pagee{background-color:#eef7ff;min-height:100vh;padding:28px 32px;font-family:DM Sans,sans-serif}.aadd-btn{cursor:pointer;color:#fff;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.add-btn:hover{opacity:.9}.table-header-griidd{color:#000;letter-spacing:.07em;text-transform:uppercase;background:#dce6f0;border-bottom:1px solid #e8ecf4;grid-template-columns:.3fr 1.2fr 1fr 1fr 1.5fr .5fr .2fr;margin-bottom:10px;padding:10px 25px;font-size:12px;font-weight:bolder;display:grid}.srv-grid-colss{grid-template-columns:1fr .8fr 1fr 1fr 1fr 1fr;justify-content:center;align-items:center;gap:15px;width:100%;display:grid}.appointment-card-rowww{background-color:#fff;border:2px solid #fff;border-bottom:1px solid #f1f5f9;border-radius:15px;grid-template-columns:.7fr .8fr 1fr 1fr 1fr 1fr;align-items:center;margin-bottom:15px;padding:10px 25px;transition:all .3s;display:grid;box-shadow:0 4px 15px #00000008}.appointment-card-rowww:last-child{border-bottom:none}.appointment-card-rowww:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000000f}.srv-col-thumb{align-items:center;display:flex}.srv-row-thumb{object-fit:cover;border:1px solid #e8ecf4;border-radius:10px;width:44px;height:44px;display:block}.srv-title-tag{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.srv-serial-badgee{color:gray;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.srv-desc-clamp{-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.col-id{align-items:center;display:flex}.srv-card-title-group{flex-direction:column;gap:6px;display:flex}.srv-clear-img--dark{color:#fff;z-index:1;background:#ffffff24;border:1px solid #ffffff47;margin-top:10px;position:relative}.srv-card-img-panel--edit .srv-upload-zone{z-index:1;background:#ffffff1a;border-color:#ffffff59;position:relative}.srv-card-img-panel--edit .srv-upload-zone:hover{background:#ffffff29;border-color:#ffffffa6}.srv-card-img-panel--edit .srv-upload-icon{color:#ffffffbf}.srv-card-img-panel--edit .srv-upload-label{color:#ffffffe6}.srv-card-img-panel--edit .srv-upload-hint{color:#ffffff8c}.srv-card-img-panel--edit .srv-section-lbl{z-index:1;position:relative}.srv-form-layout{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.srv-form-img-col,.srv-form-fields-col{padding:24px}.input-group input,.srv-textarea{color:#0f172a;box-sizing:border-box;resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border .15s,background .15s}.input-group input:focus,.srv-textarea:focus{background:#fff;border-color:#2563eb}.srv-img-tip{color:#94a3b8;margin:12px 0 0;font-size:12px;line-height:1.5}.srv-upload-zone{cursor:pointer;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:200px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.srv-upload-preview{object-fit:cover;width:100%;height:220px;display:block}.srv-clear-img{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.srv-clear-img:hover{background:#fee2e2}.srv-detail-layout{grid-template-columns:340px 1fr;align-items:start;gap:20px;display:grid}.srv-detail-img-col{justify-content:center;align-items:center;min-height:260px;padding:20px;display:flex}.srv-detail-hero{object-fit:cover;border-radius:12px;width:100%;max-height:300px}.srv-detail-no-img{color:#cbd5e1;flex-direction:column;align-items:center;gap:10px;padding:40px;font-size:13px;display:flex}.srv-detail-no-img i{font-size:44px}.srv-detail-info-col{padding:24px}.srv-detail-top-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.srv-detail-name{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:700}.srv-field-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.srv-detail-desc{color:#475569;margin:0;font-size:14px;line-height:1.7}.srv-detail-action-row{border-top:1px solid #f1f5f9;gap:12px;margin-top:24px;padding-top:20px;display:flex}.srv-del-modal{text-align:center;max-width:380px;padding:32px 28px 24px}.srv-del-icon-wrap{color:#dc2626;background:#fef2f2;border:2px solid #fecaca;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;display:flex}.srv-del-title{color:#0f172a;margin:0 0 10px;font-size:18px;font-weight:700}.srv-del-msg{color:#64748b;margin:0 0 20px;font-size:14px;line-height:1.6}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.close-x{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1}.modal-body{padding:20px 24px}@keyframes srv-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-badge{border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.paid{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.status-badge.pending{color:#d97706;background:#fffbeb;border:1px solid #fde68a}@media (width<=900px){.srv-form-layout,.srv-detail-layout,.srv-unified-card{grid-template-columns:1fr}.srv-card-img-panel{min-height:260px;max-height:300px}.srv-card-img-panel--edit{min-height:auto;max-height:none;padding:24px}.srv-card-info-panel{padding:28px 28px 24px}}@media (width<=768px){.appointments-page{padding:16px}.table-header-grid{display:none}.appointment-card-row{flex-direction:column;align-items:flex-start;gap:10px;padding:16px;display:flex}.col-actions{width:100%}.srv-grid-cols{grid-template-columns:1fr}.srv-card-img-panel{min-height:220px;max-height:240px}.srv-card-info-panel{padding:20px 16px}.srv-card-name{font-size:18px}.srv-card-actions{flex-wrap:wrap}.srv-card-actions .add-btn{flex:1;justify-content:center;min-width:0}.header-section{flex-wrap:wrap;gap:12px}}@media (width<=480px){.appointments-page{padding:12px}.srv-unified-card{border-radius:14px}.srv-card-img-panel{min-height:190px;max-height:210px}.srv-card-info-panel{padding:16px 14px}.srv-card-name{font-size:17px}}[data-theme=dark] .appointments-pagee{background-color:#0f172a}[data-theme=dark] .table-header-griidd{color:#94a3b8;border-bottom-color:#334155;background-color:#263f63!important}[data-theme=dark] .appointment-card-rowww{background-color:#1e293b;border:1px solid #334155}[data-theme=dark] .appointment-card-rowww:hover{background-color:#253347}[data-theme=dark] .srv-avatar-fb{color:#60a5fa;background:#1e3a5f}[data-theme=dark] .srv-serial-badgee{color:#64748b}[data-theme=dark] .srv-desc-clamp{color:#94a3b8}[data-theme=dark] .btn-icon-round.view{color:#60a5fa!important;background:#253347!important}[data-theme=dark] .btn-icon-round.view:hover{color:#3b82f6!important;background:#1e3a5f!important}[data-theme=dark] .btn-icon-round.approve{color:#4ade80!important;background:#162a24!important}[data-theme=dark] .btn-icon-round.approve:hover{background:#143828!important}[data-theme=dark] .btn-icon-round.reject{color:#f87171!important;background:#2d0d0d!important}[data-theme=dark] .btn-icon-round.reject:hover{background:#421212!important}[data-theme=dark] .srv-card-desc-text,[data-theme=dark] .input-group label{color:#94a3b8}[data-theme=dark] .input-group input,[data-theme=dark] .srv-textarea{color:#f1f5f9;background:#253347;border-color:#334155}[data-theme=dark] .input-group input:focus,[data-theme=dark] .srv-textarea:focus{background:#2c3f55;border-color:#3b82f6}[data-theme=dark] .srv-del-title{color:#f1f5f9}[data-theme=dark] .srv-del-msg{color:#94a3b8}[data-theme=dark] .modal-header{border-bottom-color:#334155}[data-theme=dark] .modal-header h3{color:#f1f5f9}[data-theme=dark] .srv-title-tag{color:#105c2c;background:#1a3117;border:1px solid #3c654b;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}[data-theme=dark] .aadd-btn{background:#2856a1!important}@media (width<=992px){.appointments-pagee{padding:20px 18px}.appointment-card-rowww.srv-grid-colss,.table-header-griidd.srv-grid-cols{grid-template-columns:.5fr 1.2fr 1fr 1fr 1fr .8fr;gap:10px;padding:10px 16px}}@media (width<=768px){.appointments-pagee{padding:14px 12px}.header-section{flex-wrap:wrap;gap:10px}.aadd-btn{justify-content:center;width:100%}.table-header-griidd{display:none!important}.appointment-card-rowww.srv-grid-colss{border-radius:14px;grid-template-columns:1fr;gap:10px;margin-bottom:12px;padding:14px}.srv-col-thumb{justify-content:flex-start}.col-id,.col-patient,.col-service,.col-contact{width:100%}.col-actions{justify-content:flex-start;gap:10px;width:100%}.col-id:before{content:"Service: ";color:#94a3b8;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.col-service:before{content:"Description: ";color:#94a3b8;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.col-contact:before{content:"Created: ";color:#94a3b8;margin-bottom:2px;font-size:11px;font-weight:700;display:block}}@media (width<=480px){.appointments-pagee{padding:10px 8px}.srv-row-thumb,.srv-avatar-fb{width:36px;height:36px;font-size:15px}.btn-icon-round{width:30px;height:30px;font-size:13px}}:root{--pt-bg:#f0f4f8;--pt-surface:#fff;--pt-border:#e2e8f0;--pt-border-soft:#eef2f7;--pt-text:#0f1923;--pt-text-mid:#4a5568;--pt-text-muted:#94a3b8;--pt-teal:#0d9488;--pt-teal-light:#ccfbf1;--pt-teal-mid:#14b8a6;--pt-blue:#2563eb;--pt-blue-light:#dbeafe;--pt-red:#dc2626;--pt-red-light:#fee2e2;--pt-amber:#d97706;--pt-amber-light:#fef3c7;--pt-violet:#7c3aed;--pt-violet-light:#ede9fe;--pt-green:#16a34a;--pt-green-light:#dcfce7;--pt-shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000d;--pt-shadow-md:0 4px 12px #00000017, 0 2px 4px #0000000d;--pt-shadow-lg:0 20px 48px #00000024, 0 8px 16px #00000012;--pt-radius:14px;--pt-radius-sm:8px;--pt-radius-xs:5px;--pt-font:"DM Sans", sans-serif;--pt-mono:"DM Mono", monospace;--pt-page-shell-bg:#eef7ff;--pt-head-row-bg:#dce6f0;--pt-head-row-text:#000;--pt-row-hover-bg:#fafcff;--btn-view-bg:#eff6ff;--btn-view-text:#2563eb;--btn-view-hover:#dbeafe;--btn-edit-bg:#f0fdf4;--btn-edit-text:#16a34a;--btn-edit-hover:#dcfce7;--btn-del-bg:#fef2f2;--btn-del-text:#dc2626;--btn-del-hover:#fee2e2;--btn-refresh-bg:#e8edf5;--btn-refresh-text:#475569;--btn-refresh-border:#cbd5e1}.dark,[data-theme=dark]{--pt-bg:#0f172a;--pt-surface:#1e293b;--pt-border:#334155;--pt-border-soft:#1e293b;--pt-text:#f8fafc;--pt-text-mid:#cbd5e1;--pt-text-muted:#64748b;--pt-page-shell-bg:#0b1329;--pt-head-row-bg:#1e293b;--pt-head-row-text:#f8fafc;--pt-row-hover-bg:#334155;--pt-teal-light:#0d948826;--pt-blue-light:#2563eb26;--pt-red-light:#dc262626;--pt-amber-light:#d9770626;--pt-violet-light:#7c3aed26;--pt-green-light:#16a34a26;--pt-shadow-sm:0 4px 12px #0000004d;--pt-shadow-md:0 8px 24px #0006;--pt-shadow-lg:0 16px 40px #0009;--btn-view-bg:#2563eb26;--btn-view-text:#60a5fa;--btn-view-hover:#2563eb4d;--btn-edit-bg:#16a34a26;--btn-edit-text:#4ade80;--btn-edit-hover:#16a34a4d;--btn-del-bg:#dc262626;--btn-del-text:#f87171;--btn-del-hover:#dc26264d;--btn-refresh-bg:#1e293b;--btn-refresh-text:#cbd5e1;--btn-refresh-border:#334155}.pt-page{font-family:var(--pt-font);background:var(--pt-page-shell-bg);min-height:100vh;color:var(--pt-text);box-sizing:border-box;padding:28px 32px}.pt-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:24px;display:flex}.pt-title{letter-spacing:-.4px;color:var(--pt-text);margin:0 0 2px;font-size:22px;font-weight:700}.pt-sub{color:var(--pt-text-muted);margin:0;font-size:13px}.pt-btn-add{color:#fff;border-radius:var(--pt-radius-sm);font-family:var(--pt-font);cursor:pointer;background:#2563eb;border:none;align-items:center;gap:7px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:background .18s,box-shadow .18s,transform .12s;display:inline-flex;box-shadow:0 2px 8px #2563eb40}.pt-btn-add:hover{opacity:.9;transform:translateY(-1px)}.pt-btn-add:active{transform:translateY(0)}.pt-btn-refresh{background:var(--btn-refresh-bg)!important;color:var(--btn-refresh-text)!important;border:1px solid var(--btn-refresh-border)!important;box-shadow:none!important}.pt-card{background:var(--pt-surface);border-radius:var(--pt-radius);box-shadow:var(--pt-shadow-sm);border:1px solid var(--pt-border);overflow:hidden}.head{border-bottom:1px solid var(--pt-border);color:var(--pt-head-row-text);letter-spacing:.07em;text-transform:uppercase;background-color:var(--pt-head-row-bg);grid-template-columns:2fr 1.6fr 1.4fr 1.2fr 1.2fr;padding:12px 25px;font-size:12px;font-weight:700;display:grid}.pt-thead{background:var(--pt-surface);border-radius:16px;padding:0;overflow:hidden}.pt-tbody{background:var(--pt-surface);flex-direction:column;padding:20px;display:flex}.pt-row{background-color:var(--pt-bg);border:1px solid var(--pt-border);box-shadow:var(--pt-shadow-sm);cursor:pointer;border-radius:12px;grid-template-columns:2fr 1.6fr 1.4fr 1.2fr 1.2fr;align-items:center;gap:15px;margin-bottom:12px;padding:14px 25px;transition:all .2s;display:grid}.pt-row:hover{box-shadow:var(--pt-shadow-md);background:var(--pt-row-hover-bg);border-color:var(--pt-teal);transform:translateY(-2px)}.pt-row:last-child{margin-bottom:0}.pt-cell{align-items:center;gap:6px;min-width:0;display:flex}.pt-celll{flex-direction:column;min-width:0;display:flex}.pt-cell--patient{gap:12px}.pt-cell--contact{flex-direction:column;align-items:flex-start;gap:3px}.pt-cell--actions{flex-wrap:wrap;gap:8px}.pt-avatar{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.pt-name{color:var(--pt-text);word-break:break-word;font-size:14px;font-weight:600}.pt-chip-id{color:var(--pt-text-muted);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.pt-contact-line{color:var(--pt-text-mid);word-break:break-all;align-items:center;gap:5px;font-size:12.5px;display:flex}.pt-contact-line i{color:var(--pt-text-muted);font-size:11px}.pt-service-chip{background:var(--pt-teal-light);color:var(--pt-teal);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.pt-muted{color:var(--pt-text-muted);font-size:12px}.pt-action-btn{border-radius:var(--pt-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;transition:background .15s,color .15s,transform .1s;display:inline-flex}.pt-action-btn:active{transform:scale(.92)}.pt-action-btn--view{background:var(--btn-view-bg);color:var(--btn-view-text)}.pt-action-btn--edit{color:var(--btn-edit-text);background:#3c67e0}.pt-action-btn--del{background:var(--btn-del-bg);color:var(--btn-del-text)}.pt-action-btn--view:hover{background:var(--btn-view-hover)}.pt-action-btn--edit:hover{background:var(--btn-edit-hover)}.pt-action-btn--del:hover{background:var(--btn-del-hover)}.pt-cell--rxpay{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.pt-btn--rx,.pt-btn--pay{border-radius:var(--pt-radius-xs);width:100%;max-width:140px;font-family:var(--pt-font);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.pt-btn--rx{background:var(--pt-violet-light);color:var(--pt-violet)}.pt-btn--rx:hover{background:var(--pt-violet);color:#fff}.pt-btn--pay{background:var(--pt-blue-light);color:var(--pt-blue)}.pt-btn--pay:hover{background:var(--pt-blue);color:#fff}.pt-empty{text-align:center;color:var(--pt-text-muted);justify-content:center;align-items:center;gap:10px;padding:48px 20px;font-size:14px;display:flex}.pt-spin{border:2px solid var(--pt-border);border-top-color:var(--pt-teal);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite pt-spin;display:inline-block}@keyframes pt-spin{to{transform:rotate(360deg)}}.pt-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;background:#0f192399;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pt-modal{background:var(--pt-surface);border-radius:var(--pt-radius);box-shadow:var(--pt-shadow-lg);border:1px solid var(--pt-border);width:100%;max-width:460px;overflow:hidden}.pt-modal-header{border-bottom:1px solid var(--pt-border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.pt-modal-title{color:var(--pt-text);font-size:15px;font-weight:700}.pt-modal-close{background:var(--pt-border-soft);cursor:pointer;width:28px;height:28px;color:var(--pt-text-mid);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.pt-modal-close:hover{background:var(--pt-red-light);color:var(--pt-red)}.pt-form{flex-direction:column;gap:14px;padding:20px 22px;display:flex}.pt-field{flex-direction:column;gap:5px;display:flex}.pt-label{color:var(--pt-text-mid);font-size:12px;font-weight:600}.pt-form input{font-family:var(--pt-font);color:var(--pt-text);background:var(--pt-bg);border:1.5px solid var(--pt-border);border-radius:var(--pt-radius-xs);box-sizing:border-box;outline:none;width:100%;padding:9px 12px;font-size:13.5px}.pt-form input:focus{border-color:var(--pt-teal);box-shadow:0 0 0 3px #0d94881f}.pt-modal-footer{border-top:1px solid var(--pt-border);justify-content:flex-end;gap:8px;padding:14px 22px 18px;display:flex}.pt-btn{font-family:var(--pt-font);border-radius:var(--pt-radius-xs);cursor:pointer;border:none;padding:9px 18px;font-size:13.5px;font-weight:600}.pt-btn--primary{background:var(--pt-teal);color:#fff}.pt-btn--primary:hover{background:#0b8278}.pt-btn--ghost{background:var(--pt-border-soft);color:var(--pt-text-mid);border:1px solid var(--pt-border)}.pt-btn--ghost:hover{background:var(--pt-border)}.pt-detail-item{background:var(--pt-bg);border-radius:var(--pt-radius-xs);border:1px solid var(--pt-border);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.pt-detail-label{color:var(--pt-text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.pt-detail-value{color:var(--pt-text);font-size:14px;font-weight:500}.pt-grid{grid-template-columns:2fr 1.6fr 1.4fr 1.6fr 1fr}@media (width<=992px){.table-header-griddd.pt-grid,.appointment-card-rowww.pt-grid{grid-template-columns:1.5fr 1.5fr 1.2fr 1.2fr 1fr;gap:10px;padding:10px 15px}}@media (width<=768px){.pt-page{padding:16px}.table-header-griddd.pt-grid{display:none}.appointment-card-rowww.pt-grid{border-radius:14px;grid-template-columns:1fr;gap:12px;margin:0 0 12px;padding:16px}.pt-cell,.pt-celll,.pt-cell--rxpay,.col-patient,.col-actions{border-bottom:1px dashed var(--pt-border);flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-bottom:10px;display:flex}.pt-cell--rxpay,.col-actions{border-bottom:none;padding-bottom:0}.col-patient:before{content:"Patient:";color:var(--pt-text-muted);font-size:12px;font-weight:700}.pt-cell--contact:before{content:"Contact:";color:var(--pt-text-muted);font-size:12px;font-weight:700}.pt-celll:before{content:"Last Service:";color:var(--pt-text-muted);font-size:12px;font-weight:700}.pt-cell--rxpay:before{content:"Management:";color:var(--pt-text-muted);font-size:12px;font-weight:700}.col-actions:before{content:"Actions:";color:var(--pt-text-muted);font-size:12px;font-weight:700}.pt-cell--rxpay{flex-direction:column;align-items:flex-end;gap:8px}.pt-btn--rx,.pt-btn--pay{max-width:160px}.col-actions{justify-content:flex-end;gap:10px}.pt-celll{text-align:right;align-items:flex-end}}@media (width<=480px){.appointment-card-rowww.pt-grid{padding:12px}.pt-btn--rx,.pt-btn--pay{padding:5px 8px;font-size:11px}.btn-icon-round{width:32px;height:32px;font-size:14px}}.pt-view-modal{background:var(--pt-surface);box-shadow:var(--pt-shadow-lg);border:1px solid var(--pt-border);border-radius:20px;width:100%;max-width:480px;animation:.22s cubic-bezier(.34,1.56,.64,1) pt-modal-in;overflow:hidden}@keyframes pt-modal-in{0%{opacity:0;transform:scale(.93)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.pt-view-hero{background:linear-gradient(135deg,#1d4ed8 0%,#2a7894 100%);align-items:center;gap:16px;padding:28px 24px 24px;display:flex;position:relative}.pt-view-avatar-lg{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border:2.5px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:700;display:flex}.pt-view-hero-text{flex:1;min-width:0}.pt-view-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:18px;font-weight:700;overflow:hidden}.pt-view-id-badge{color:#e0f2fe;letter-spacing:.04em;background:#ffffff2e;border:1px solid #ffffff40;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pt-view-close{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:background .15s;display:flex;position:absolute;top:14px;right:14px}.pt-view-close:hover{background:#ffffff4d}.pt-view-body{flex-direction:column;gap:14px;padding:20px 22px 16px;display:flex}.pt-view-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pt-view-field{background:var(--pt-bg);border:1px solid var(--pt-border);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .15s;display:flex}.pt-view-field:hover{border-color:var(--pt-teal)}.pt-view-field-icon{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.pt-view-field-label{color:var(--pt-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:10.5px;font-weight:600}.pt-view-field-value{color:var(--pt-text);word-break:break-word;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}.pt-view-appt-badge{background:var(--pt-teal-light);color:var(--pt-teal);border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.pt-view-last-appt{background:var(--pt-bg);border:1px solid var(--pt-border);border-left:3px solid var(--pt-teal);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.pt-view-last-label{color:var(--pt-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11px;font-weight:700}.pt-view-last-service{color:var(--pt-text);flex:1;align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.pt-view-last-service i{color:var(--pt-teal)}.pt-view-last-date{color:var(--pt-text-muted);white-space:nowrap;font-size:12px}.pt-view-status-chip{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.pt-view-status--completed{background:var(--pt-green-light);color:var(--pt-green)}.pt-view-status--approved{background:var(--pt-teal-light);color:var(--pt-teal)}.pt-view-status--pending{background:var(--pt-amber-light);color:var(--pt-amber)}.pt-view-status--cancelled{background:var(--pt-red-light);color:var(--pt-red)}.pt-view-status--delay{background:var(--pt-violet-light);color:var(--pt-violet)}.pt-view-footer{border-top:1px solid var(--pt-border);justify-content:flex-end;align-items:center;gap:8px;padding:14px 22px 18px;display:flex}.pt-view-action-btn{font-family:var(--pt-font);cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.pt-view-action-btn:active{transform:scale(.97)}.pt-view-btn--edit{background:var(--pt-teal);color:#fff}.pt-view-btn--edit:hover{background:#0b8278}.pt-view-btn--close{background:var(--pt-border-soft);color:var(--pt-text-mid);border:1px solid var(--pt-border)}.pt-view-btn--close:hover{background:var(--pt-border)}[data-theme=dark] .pt-view-modal{background:#1e293b;border-color:#334155}[data-theme=dark] .pt-view-field{background:#0f172a;border-color:#334155}[data-theme=dark] .pt-view-field-icon{color:#60a5fa;background:#2563eb33}[data-theme=dark] .pt-view-last-appt{border-color:#334155;border-left-color:var(--pt-teal);background:#0f172a}[data-theme=dark] .pt-view-btn--close{color:#cbd5e1;background:#334155;border-color:#475569}[data-theme=dark] .pt-view-btn--close:hover{background:#475569}@media (width<=520px){.pt-view-modal{border-radius:16px}.pt-view-grid{grid-template-columns:1fr}.pt-view-hero{padding:20px 16px}.pt-view-body{padding:16px}.pt-view-footer{padding:12px 16px 16px}}:root{--rx-blue:#1a5276;--rx-blue-light:#2e86c1;--rx-blue-pale:#d6eaf8;--rx-teal:#117a65;--rx-teal-light:#1abc9c;--rx-teal-pale:#d5f5e3;--rx-gold:#d4a017;--rx-red:#c0392b;--rx-red-pale:#fdecea;--rx-bg:#f4f6f9;--rx-surface:#fff;--rx-border:#dce3ed;--rx-text:#1c2b3a;--rx-muted:#6b7c93;--rx-shadow:0 2px 12px #1a527617;--rx-shadow-lg:0 8px 32px #1a527624;--rx-radius:12px;--rx-radius-sm:8px;--rx-font:"DM Sans", sans-serif}.rx-page{font-family:var(--rx-font);min-height:100vh;color:var(--rx-text);background:#eef7ff;padding:0 0 4rem}.rx-loading{min-height:60vh;color:var(--rx-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.rx-spinner{border:3px solid var(--rx-blue-pale);border-top-color:var(--rx-blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite rx-spin}@keyframes rx-spin{to{transform:rotate(360deg)}}.rx-toast{z-index:9999;border-radius:var(--rx-radius-sm);box-shadow:var(--rx-shadow-lg);align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-size:.9rem;font-weight:500;animation:.3s rx-slide-in;display:flex;position:fixed;top:1.5rem;right:1.5rem}.rx-toast--success{color:#1e8449;background:#eafaf1;border:1px solid #82e0aa}.rx-toast--error{background:var(--rx-red-pale);color:var(--rx-red);border:1px solid #f1948a}@keyframes rx-slide-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.rx-header{background:var(--rx-surface);border-bottom:1px solid var(--rx-border);z-index:100;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #1a527612}.rx-back-btn{border:1.5px solid var(--rx-border);border-radius:var(--rx-radius-sm);color:var(--rx-text);font-family:var(--rx-font);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.rx-back-btn:hover{background:var(--rx-blue-pale);border-color:var(--rx-blue-light);color:var(--rx-blue)}.rx-header-actions{gap:.75rem;display:flex}.rx-btn{border-radius:var(--rx-radius-sm);font-family:var(--rx-font);cursor:pointer;border:none;align-items:center;gap:.45rem;padding:.6rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.rx-btn--primary{color:#fff;background:#1d4ed8}.rx-btn--primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #1a52764d}.rx-btn--teal{color:#fff;background:#1d4ed8}.rx-btn--teal:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #117a654d}.rx-btn--outline{border:1.5px solid var(--rx-border);color:var(--rx-text);background:0 0}.rx-btn--outline:hover{border-color:var(--rx-blue);color:var(--rx-blue);background:var(--rx-blue-pale)}.rx-btn--ghost{border:1.5px solid var(--rx-border);color:var(--rx-muted);background:0 0}.rx-btn--ghost:hover{background:#f0f0f0}.rx-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.rx-icon-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;transition:all .2s;display:flex}.rx-icon-btn--edit{background:var(--rx-blue-pale);color:var(--rx-blue)}.rx-icon-btn--edit:hover{background:var(--rx-blue);color:#fff}.rx-icon-btn--del{background:var(--rx-red-pale);color:var(--rx-red)}.rx-icon-btn--del:hover{background:var(--rx-red);color:#fff}.rx-info-card{background:var(--rx-surface);border-radius:var(--rx-radius);box-shadow:var(--rx-shadow);border:1px solid var(--rx-border);margin:1.75rem 2rem 0;overflow:hidden}.rx-clinic-headings{margin:40px}.rx-clinic-header{color:#000;background:#dce6f0;align-items:center;gap:1rem;margin:10px 3px;padding-bottom:5px;display:flex}.rx-clinic-logo{background:#ffffff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.rx-clinic-name{letter-spacing:.01em;font-family:DM Serif Display,serif;font-size:1.5rem;font-weight:400}.rx-clinic-sub{opacity:.8;margin-top:2px;font-size:.82rem}.rx-divider{background:var(--rx-border);height:1px}.rx-patient-grid{grid-template-columns:auto 1fr 1fr;align-items:start;gap:0;padding:1.5rem 2rem;display:grid}.rx-patient-avatar-wrap{padding-right:1.5rem}.rx-patient-avatar{color:#1d4ed8;border:3px solid var(--rx-blue-pale);background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-family:DM Serif Display,serif;font-size:1.8rem;font-weight:700;display:flex}.rx-info-row{border-bottom:1px solid #f0f3f7;flex-direction:column;gap:.1rem;padding:.45rem 0;display:flex}.rx-info-row:last-child{border-bottom:none}.rx-info-label{text-transform:uppercase;letter-spacing:.06em;color:var(--rx-muted);font-size:.72rem;font-weight:600}.rx-info-val{color:var(--rx-text);font-size:.92rem;font-weight:500}.rx-badge{background:var(--rx-blue-pale);color:var(--rx-blue);letter-spacing:.04em;border-radius:6px;padding:.2rem .6rem;font-size:.8rem;font-weight:700;display:inline-block}.rx-tabs{background:var(--rx-surface);border-radius:var(--rx-radius);border:1px solid var(--rx-border);box-shadow:var(--rx-shadow);gap:0;margin:1.75rem 2rem 0;padding:.4rem;display:flex}.rx-tab{font-family:var(--rx-font);color:var(--rx-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1rem;font-size:.9rem;font-weight:500;transition:all .25s;display:flex}.rx-tab:hover{color:#000;background:var(--rx-bg)}.rx-tab--active{color:#00f;background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 2px 8px #1a527640}.rx-tab-count{color:inherit;background:#ffffff40;border-radius:12px;padding:.1rem .5rem;font-size:.78rem;font-weight:700}.rx-tab:not(.rx-tab--active) .rx-tab-count{background:var(--rx-blue-pale);color:var(--rx-blue)}.rx-section{margin:1.5rem 2rem 0}.rx-section-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.rx-section-title{color:var(--rx-text);align-items:center;gap:.5rem;font-family:DM Serif Display,serif;font-size:1.35rem;font-weight:400;display:flex}.rx-section-title i{color:var(--rx-blue)}.rx-section-sub{color:var(--rx-muted);margin-top:.3rem;font-size:.83rem}.rx-form-card{background:var(--rx-surface);border:1.5px solid var(--rx-blue-pale);border-left:4px solid var(--rx-blue);border-radius:var(--rx-radius);box-shadow:var(--rx-shadow);margin-bottom:1.5rem;padding:1.75rem;animation:.3s rx-fade-down}.rx-form-card--teal{border-color:var(--rx-teal-pale);border-left-color:#1d4ed8}@keyframes rx-fade-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.rx-form-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.rx-form-header h3{color:var(--rx-text);font-size:1rem;font-weight:600}.rx-form-close{cursor:pointer;width:32px;height:32px;color:var(--rx-muted);background:#f0f3f7;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.rx-form-close:hover{background:var(--rx-red-pale);color:var(--rx-red)}.rx-form-timestamp{background:var(--rx-bg);border:1px solid var(--rx-border);color:var(--rx-muted);border-radius:6px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.35rem .75rem;font-size:.8rem;display:inline-flex}.rx-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.rx-field{flex-direction:column;gap:.4rem;display:flex}.rx-field--full{grid-column:1/-1}.rx-field label{color:var(--rx-text);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.rx-required{color:var(--rx-red);margin-left:2px}.rx-field-hint{color:var(--rx-muted);font-size:.78rem;font-style:italic;line-height:1.4}.rx-field input,.rx-field select{border:1.5px solid var(--rx-border);border-radius:var(--rx-radius-sm);font-family:var(--rx-font);color:var(--rx-text);background:var(--rx-surface);outline:none;padding:.65rem .9rem;font-size:.88rem;transition:border-color .2s}.rx-field input:focus,.rx-field select:focus{border-color:var(--rx-blue-light);box-shadow:0 0 0 3px #2e86c11f}.rx-textarea{border:1.5px solid var(--rx-border);border-radius:var(--rx-radius-sm);width:100%;color:var(--rx-text);resize:vertical;background:#fafcff;border-color:gray;outline:none;padding:1rem;font-family:Courier New,monospace;font-size:.88rem;line-height:1.7;transition:border-color .2s}.rx-textarea:focus{border-color:var(--rx-blue-light);background:#fff;box-shadow:0 0 0 3px #2e86c11f}.rx-textarea--teal:focus{border-color:var(--rx-teal-light);box-shadow:0 0 0 3px #117a651a}.rx-textarea--lg{min-height:200px}.rx-form-actions{border-top:1px solid var(--rx-border);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.rx-cards{flex-direction:column;gap:1.25rem;display:flex}.rx-record-card{background:var(--rx-surface);border-radius:var(--rx-radius);border:1px solid var(--rx-border);border-left:4px solid var(--rx-blue);box-shadow:var(--rx-shadow);padding:1.5rem;animation:.35s rx-fade-up}@keyframes rx-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rx-record-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.rx-record-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.rx-record-index{background:var(--rx-blue);color:#fff;letter-spacing:.06em;border-radius:6px;padding:.2rem .7rem;font-size:.75rem;font-weight:700;display:inline-block}.rx-record-index--teal{background:var(--rx-teal)}.rx-record-timestamps{color:var(--rx-muted);gap:.75rem;font-size:.8rem;display:flex}.rx-record-timestamps span{align-items:center;gap:.3rem;display:flex}.rx-record-actions{gap:.5rem;display:flex}.rx-record-meta-tags{border-radius:var(--rx-radius-sm);border:1px solid var(--rx-blue-pale);background:#f8fafd;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.rx-meta-tag{flex-direction:column;gap:.15rem;min-width:140px;display:flex}.rx-meta-label{text-transform:uppercase;letter-spacing:.07em;color:var(--rx-blue);align-items:center;gap:.25rem;font-size:.68rem;font-weight:700;display:flex}.rx-medicines-block{border:1px solid var(--rx-blue-pale);border-radius:var(--rx-radius-sm);background:#fafcff;overflow:hidden}.rx-medicines-block--teal{border-color:var(--rx-teal-pale);background:#f0fdf9}.rx-medicines-label{background:var(--rx-blue-pale);color:var(--rx-blue);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.78rem;font-weight:700;display:flex}.rx-medicines-block--teal .rx-medicines-label{background:var(--rx-teal-pale);color:var(--rx-teal)}.rx-medicines-text{white-space:pre-wrap;color:var(--rx-text);word-break:break-word;padding:1rem;font-family:Courier New,monospace;font-size:.88rem;line-height:1.8}.rx-linked-appt{color:var(--rx-muted);align-items:center;gap:.3rem;margin-top:.85rem;font-size:.8rem;display:flex}.rx-timeline{padding-left:2rem;position:relative}.rx-timeline:before{content:"";background:linear-gradient(to bottom, var(--rx-teal), var(--rx-teal-pale));border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:8px}.rx-timeline-item{margin-bottom:1.25rem;position:relative}.rx-timeline-dot{background:var(--rx-teal);border:3px solid var(--rx-bg);width:14px;height:14px;box-shadow:0 0 0 2px var(--rx-teal);z-index:1;border-radius:50%;position:absolute;top:1.3rem;left:-1.65rem}.rx-timeline-card{background:var(--rx-surface);border-radius:var(--rx-radius);border:1px solid var(--rx-border);border-left:4px solid var(--rx-teal);box-shadow:var(--rx-shadow);padding:1.5rem;animation:.35s rx-fade-up}.rx-procedure-badge{background:var(--rx-teal-pale);color:var(--rx-teal);border:1px solid #117a6533;border-radius:20px;padding:.2rem .7rem;font-size:.76rem;font-weight:600;display:inline-block}.rx-handled-by{color:var(--rx-muted);align-items:center;gap:.35rem;margin-bottom:.85rem;font-size:.83rem;display:flex}.rx-empty{text-align:center;background:var(--rx-surface);border-radius:var(--rx-radius);border:2px dashed var(--rx-border);padding:4rem 2rem}.rx-empty h3{color:var(--rx-text);margin:1rem 0 .4rem;font-size:1.1rem;font-weight:600}.rx-empty p{color:var(--rx-muted);margin-bottom:1.5rem;font-size:.87rem}.rx-empty-icon{background:var(--rx-blue-pale);width:72px;height:72px;color:var(--rx-blue);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:1.8rem;display:flex}.rx-empty-icon--teal{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.rx-empty-state{text-align:center;color:var(--rx-muted);padding:6rem 2rem;font-size:1.1rem}.rx-empty-state i{margin-bottom:1rem;font-size:3rem;display:block}[data-theme=dark] .rx-page{background-color:#0f172a}[data-theme=dark] .rx-header{background:#1e293b;border-bottom-color:#334155}[data-theme=dark] .rx-back-btn{color:#94a3b8;border-color:#334155}[data-theme=dark] .rx-back-btn:hover{color:#3b82f6;background:#253347}[data-theme=dark] .rx-info-card,[data-theme=dark] .rx-card-body,[data-theme=dark] .rx-record-card,[data-theme=dark] .rx-timeline-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 20px #00000040}[data-theme=dark] .rx-clinic-header{background:#253347}[data-theme=dark] .rx-clinic-name{color:#f1f5f9}[data-theme=dark] .rx-clinic-sub{color:#94a3b8}[data-theme=dark] .rx-patient-avatar{color:#60a5fa;background:#1e3a5f;border-color:#1e293b}[data-theme=dark] .rx-divider{background:#334155}[data-theme=dark] .rx-info-row{border-bottom-color:#253347}[data-theme=dark] .rx-info-label{color:#64748b}[data-theme=dark] .rx-info-val{color:#cbd5e1}[data-theme=dark] .rx-badge{color:#60a5fa;background:#1e3a5f}[data-theme=dark] .rx-tabs{background:#1e293b;border-color:#334155}[data-theme=dark] .rx-tab{color:#94a3b8}[data-theme=dark] .rx-tab:hover{color:#f1f5f9;background:#253347}[data-theme=dark] .rx-tab--active{color:#fff;background:linear-gradient(135deg,#1e3a5f,#1d4ed8)}[data-theme=dark] .rx-form-card{background:#1e293b;border-color:#334155}[data-theme=dark] .rx-form-header h3{color:#f1f5f9}[data-theme=dark] .rx-form-timestamp{color:#94a3b8;background:#253347;border-color:#334155}[data-theme=dark] .rx-field label{color:#64748b}[data-theme=dark] .rx-field input,[data-theme=dark] .rx-field select,[data-theme=dark] .rx-textarea{color:#f1f5f9;background:#253347;border-color:#334155}[data-theme=dark] .rx-field input:focus,[data-theme=dark] .rx-field select:focus,[data-theme=dark] .rx-textarea:focus{background:#1e293b;border-color:#3b82f6}[data-theme=dark] .rx-form-actions{border-top-color:#334155}[data-theme=dark] .rx-section-title{color:#f1f5f9}[data-theme=dark] .rx-record-timestamps{color:#64748b}[data-theme=dark] .rx-record-meta-tags{background:#253347;border-color:#334155}[data-theme=dark] .rx-meta-label{color:#60a5fa}[data-theme=dark] .rx-meta-tag span:not(.rx-meta-label){color:#cbd5e1}[data-theme=dark] .rx-medicines-block{background:#1e293b;border-color:#334155}[data-theme=dark] .rx-medicines-label{color:#60a5fa;background:#253347}[data-theme=dark] .rx-medicines-text{color:#cbd5e1}[data-theme=dark] .rx-handled-by{color:#94a3b8}[data-theme=dark] .rx-icon-btn--edit{color:#60a5fa;background:#253347}[data-theme=dark] .rx-icon-btn--del{color:#f87171;background:#2d0d0d}[data-theme=dark] .rx-btn--outline{border:1.5px solid var(--rx-border);color:#fff;background:0 0}[data-theme=dark] .rx-empty{text-align:center;border-radius:var(--rx-radius);background:#253347;border:2px dashed gray;padding:4rem 2rem}@media print{body,html,#root,.app-container,.main-content,[class*=main-content],.rx-page{color:#000!important;background:#fff!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;font-family:Times New Roman,Times,serif!important;font-size:11pt!important;line-height:1.6!important}.rx-info-card{box-shadow:none!important;background:0 0!important;border:none!important;margin:0 0 30px!important;display:block!important}.rx-section,.rx-cards,.rx-timeline,.print-only{opacity:1!important;visibility:visible!important;width:100%!important;margin:0!important;display:block!important}.rx-record-card{box-shadow:none!important;page-break-inside:avoid!important;background:0 0!important;border:none!important;margin-bottom:30px!important;padding:0!important}.rx-medicines-block{background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.rx-medicines-text{color:#000!important;padding:4px 0 0 30px!important;font-family:Times New Roman,Times,serif!important;font-size:11pt!important;line-height:1.6!important}.rx-timeline{padding-left:0!important}.rx-timeline-item{page-break-inside:avoid!important;margin-bottom:25px!important}.rx-timeline-card{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}html,body,#root,.app-container,.main-content,[class*=main-content],[class*=app-container],[class*=page-wrapper],.rx-page{color:#000!important;background:#fff!important;width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;font-family:Times New Roman,Times,serif!important;font-size:11pt!important;line-height:1.6!important;position:static!important;overflow:visible!important}.rx-page{padding:20mm!important;display:block!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}*{scrollbar-width:none!important;overflow:visible!important}.sidebar,.dt-sidebar,[class*=sidebar],[class*=dt-sidebar],.rx-header,.rx-tabs,.rx-back-bar,.rx-header-actions,.rx-record-actions,.rx-form-card,.rx-section-header,.no-print,nav,header{visibility:hidden!important;width:0!important;height:0!important;display:none!important;overflow:hidden!important}.rx-info-card{box-shadow:none!important;background:0 0!important;border:none!important;margin:0 0 30px!important;display:block!important;overflow:visible!important}.rx-clinic-headings{text-align:center!important;border-bottom:2px solid #000!important;margin:0 0 20px!important;padding-bottom:8px!important}.rx-clinic-header{color:#000!important;background:0 0!important;margin:0!important;padding:0!important;display:block!important}.rx-clinic-name{text-transform:uppercase!important;letter-spacing:.5px!important;color:#000!important;font-size:22pt!important;font-weight:700!important}.rx-clinic-sub{color:#444!important;text-transform:uppercase!important;margin-top:2px!important;font-size:10pt!important}.rx-patient-grid{border-collapse:collapse!important;width:100%!important;margin-bottom:25px!important;padding:0!important;display:table!important}.rx-patient-avatar-wrap{display:none!important}.rx-info-row{border:none!important;display:table-row!important}.rx-info-label{color:#000!important;text-transform:capitalize!important;width:30%!important;padding:4px 0!important;font-size:11pt!important;font-weight:700!important;display:table-cell!important}.rx-info-val{color:#000!important;text-align:left!important;padding:4px 0!important;font-size:11pt!important;display:table-cell!important}.rx-badge{color:#000!important;background:0 0!important;padding:0!important;font-weight:700!important}.rx-section,.rx-cards,.rx-timeline,.rx-print-report-wrapper{opacity:1!important;visibility:visible!important;width:100%!important;height:auto!important;margin:0!important;display:block!important;overflow:visible!important}.print-section-header{text-transform:uppercase!important;page-break-after:avoid!important;border-bottom:1.5px solid #000!important;margin-top:35px!important;margin-bottom:15px!important;padding-bottom:3px!important;font-size:14pt!important;font-weight:700!important}.rx-record-card{box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;background:0 0!important;border:none!important;height:auto!important;margin-bottom:30px!important;padding:0!important;overflow:visible!important}.rx-record-header{margin-bottom:6px!important}.rx-record-index{color:#000!important;background:0 0!important;padding:0!important;font-size:11pt!important;font-weight:700!important;text-decoration:underline!important}.rx-record-index:after{content:":"!important}.rx-record-timestamps{color:#555!important;font-size:10pt!important}.rx-record-meta-tags{background:0 0!important;border:none!important;margin-bottom:8px!important;padding:0!important;display:block!important}.rx-meta-tag{margin-bottom:4px!important;padding-left:15px!important;display:block!important}.rx-meta-label{color:#000!important;text-transform:capitalize!important;font-size:11pt!important;font-weight:700!important;display:inline!important}.rx-meta-label:after{content:" — "!important}.rx-meta-tag span:not(.rx-meta-label){color:#111!important;font-size:11pt!important;display:inline!important}.rx-medicines-block{background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;overflow:visible!important}.rx-medicines-label{color:#000!important;text-transform:none!important;background:0 0!important;padding:0 0 0 15px!important;font-size:11pt!important;font-weight:700!important}.rx-medicines-label:after{content:":"!important}.rx-medicines-text{color:#000!important;padding:4px 0 0 30px!important;font-family:Times New Roman,Times,serif!important;font-size:11pt!important;line-height:1.6!important;overflow:visible!important}.rx-timeline{height:auto!important;padding-left:0!important;display:block!important;overflow:visible!important}.rx-timeline:before,.rx-timeline-dot{display:none!important}.rx-timeline-item{page-break-inside:avoid!important;break-inside:avoid!important;height:auto!important;margin-bottom:25px!important;display:block!important;overflow:visible!important}.rx-timeline-card{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;overflow:visible!important}.rx-procedure-badge{color:#000!important;background:0 0!important;border:none!important;padding:0!important;font-size:11pt!important;font-weight:700!important;text-decoration:underline!important}.rx-procedure-badge:after{content:":"!important}.rx-handled-by{color:#444!important;margin-bottom:6px!important;padding-left:15px!important;font-size:10pt!important}.rx-empty,.rx-empty-state{color:#000!important;text-align:left!important;background:0 0!important;border:none!important;padding:15px 0!important;font-style:italic!important}}:root{--pay-navy:#0f2d4a;--pay-navy-mid:#1a4a6e;--pay-blue:#2563eb;--pay-blue-pale:#dbeafe;--pay-green:#059669;--pay-green-pale:#d1fae5;--pay-green-mid:#10b981;--pay-red:#dc2626;--pay-red-pale:#fee2e2;--pay-amber:#d97706;--pay-amber-pale:#fef3c7;--pay-slate:#64748b;--pay-bg:#f1f5f9;--pay-surface:#fff;--pay-border:#e2e8f0;--pay-border-soft:#f1f5f9;--pay-text:#0f172a;--pay-muted:#64748b;--pay-input-bg:#fafcff;--pay-hover-bg:#fafcff;--pay-shadow:0 1px 6px #0f2d4a14, 0 4px 16px #0f2d4a0f;--pay-shadow-lg:0 8px 32px #0f2d4a24;--pay-radius:16px;--pay-radius-sm:10px;--pay-radius-xs:6px;--pay-font:"Epilogue", sans-serif;--pay-display:"Sora", sans-serif}.dark,[data-theme=dark]{--pay-bg:#0f172a;--pay-surface:#1e293b;--pay-border:#334155;--pay-border-soft:#1e293b;--pay-text:#f8fafc;--pay-muted:#94a3b8;--pay-input-bg:#0f172a;--pay-hover-bg:#334155;--pay-blue-pale:#2563eb26;--pay-green-pale:#05966926;--pay-red-pale:#dc262626;--pay-amber-pale:#d9770626;--pay-shadow:0 4px 12px #0006;--pay-shadow-lg:0 12px 24px #0009}*{box-sizing:border-box;margin:0;padding:0}.pay-page{font-family:var(--pay-font);background:var(--pay-bg);min-height:100vh;color:var(--pay-text);padding-bottom:5rem}.pay-loading{min-height:60vh;color:var(--pay-muted);font-family:var(--pay-font);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.pay-spinner{border:3px solid var(--pay-blue-pale);border-top-color:var(--pay-blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite pay-spin}@keyframes pay-spin{to{transform:rotate(360deg)}}.pay-toast{z-index:9999;border-radius:var(--pay-radius-sm);box-shadow:var(--pay-shadow-lg);font-size:.875rem;font-weight:500;font-family:var(--pay-font);align-items:center;gap:.6rem;padding:.85rem 1.4rem;animation:.3s pay-slide-in;display:flex;position:fixed;top:1.5rem;right:1.5rem}.pay-toast--success{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7}.pay-toast--error{background:var(--pay-red-pale);color:var(--pay-red);border:1px solid #fca5a5}@keyframes pay-slide-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.pay-header{background:var(--pay-surface);border-bottom:1px solid var(--pay-border);z-index:100;justify-content:space-between;align-items:center;padding:1.1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0f2d4a0f}.pay-back-btn{border:1.5px solid var(--pay-border);border-radius:var(--pay-radius-sm);color:var(--pay-text);font-family:var(--pay-font);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.pay-back-btn:hover{background:var(--pay-blue-pale);border-color:var(--pay-blue);color:var(--pay-blue)}.pay-header-actions{gap:.6rem;display:flex}.pay-btn{border-radius:var(--pay-radius-sm);font-family:var(--pay-font);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.pay-btn--primary{background:var(--pay-navy);color:#fff}.pay-btn--primary:hover{background:var(--pay-navy-mid);transform:translateY(-1px);box-shadow:0 4px 12px #0f2d4a40}.pay-btn--green{background:var(--pay-green);color:#fff}.pay-btn--green:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.pay-btn--outline{border:1.5px solid var(--pay-border);color:var(--pay-text);background:0 0}.pay-btn--outline:hover{border-color:var(--pay-navy);color:var(--pay-navy);background:#f8fafc}.pay-btn--ghost{border:1.5px solid var(--pay-border);color:var(--pay-muted);background:#f1f5f9}.pay-btn--ghost:hover{background:var(--pay-border)}.pay-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.pay-icon-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .18s;display:flex}.pay-icon-btn--edit{color:#2563eb;background:#dbeafe}.pay-icon-btn--edit:hover{color:#fff;background:#2563eb}.pay-icon-btn--del{background:var(--pay-red-pale);color:var(--pay-red)}.pay-icon-btn--del:hover{background:var(--pay-red);color:#fff}.pay-icon-btn--receipt{background:var(--pay-amber-pale);color:var(--pay-amber)}.pay-icon-btn--receipt:hover{background:var(--pay-amber);color:#fff}.pay-identity-card{background:var(--pay-surface);border-radius:var(--pay-radius);box-shadow:var(--pay-shadow);border:1px solid var(--pay-border);margin:1.5rem 2rem 0;position:relative;overflow:hidden}.pay-identity-stripe{background:linear-gradient(90deg, var(--pay-navy) 0%, #2563eb 50%, var(--pay-green-mid) 100%);height:5px}.pay-identity-body{align-items:center;gap:1.25rem;padding:1.25rem 1.75rem;display:flex}.pay-identity-avatar{background:linear-gradient(135deg, var(--pay-blue-pale), var(--pay-navy));color:#fff;width:56px;height:56px;font-family:var(--pay-display);border:3px solid var(--pay-blue-pale);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.pay-patient-name{font-family:var(--pay-display);color:var(--pay-navy);margin-bottom:.3rem;font-size:1.15rem;font-weight:700}.pay-identity-meta{color:var(--pay-muted);flex-wrap:wrap;gap:.75rem;font-size:.78rem;display:flex}.pay-identity-meta span{align-items:center;gap:.3rem;display:flex}.pay-identity-meta i{color:var(--pay-slate);font-size:.75rem}.pay-identity-badge{margin-left:auto}.pay-status-badge{letter-spacing:.03em;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .9rem;font-size:.78rem;font-weight:700;display:inline-flex}.pay-badge--paid{background:var(--pay-green-pale);color:var(--pay-green);border:1px solid #a7f3d0}.pay-badge--partial{background:var(--pay-amber-pale);color:var(--pay-amber);border:1px solid #fde68a}.pay-badge--due{background:var(--pay-red-pale);color:var(--pay-red);border:1px solid #fca5a5}.pay-summary-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.25rem 2rem 0;display:grid}.pay-summary-card{background:var(--pay-surface);border-radius:var(--pay-radius);border:1px solid var(--pay-border);box-shadow:var(--pay-shadow);align-items:flex-start;gap:1rem;padding:1.4rem 1.5rem;display:flex;position:relative}.pay-summary-icon{background:var(--pay-blue-pale);width:46px;height:46px;color:var(--pay-blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.pay-summary-icon--green{background:var(--pay-green-pale);color:var(--pay-green)}.pay-summary-icon--red{background:var(--pay-red-pale);color:var(--pay-red)}.pay-summary-body{flex-direction:column;flex:1;gap:.15rem;display:flex}.pay-summary-label{text-transform:uppercase;letter-spacing:.07em;color:var(--pay-muted);font-size:.72rem;font-weight:600}.pay-summary-value{font-family:var(--pay-display);color:var(--pay-navy);font-size:1.3rem;font-weight:700}.pay-summary-value--green{color:var(--pay-green)}.pay-summary-value--red{color:var(--pay-red)}.pay-summary-sub{color:var(--pay-muted);font-size:.75rem}.pay-summary-edit-btn{background:var(--pay-border-soft);cursor:pointer;width:28px;height:28px;color:var(--pay-slate);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;transition:all .18s;display:flex;position:absolute;top:.85rem;right:.85rem}.pay-summary-edit-btn:hover{background:var(--pay-blue-pale);color:var(--pay-blue)}.pay-progress-wrap{background:var(--pay-surface);border-radius:var(--pay-radius);border:1px solid var(--pay-border);box-shadow:var(--pay-shadow);margin:1.25rem 2rem 0;padding:1.25rem 1.75rem}.pay-progress-labels{color:var(--pay-muted);justify-content:space-between;margin-bottom:.6rem;font-size:.82rem;font-weight:500;display:flex}.pay-progress-pct{font-family:var(--pay-display);color:var(--pay-navy);font-weight:700}.pay-progress-track{background:var(--pay-border);border-radius:20px;height:10px;overflow:hidden}.pay-progress-fill{background:linear-gradient(90deg, var(--pay-green-mid) 0%, var(--pay-green) 100%);border-radius:20px;height:100%;transition:width .8s}.pay-progress-milestones{color:var(--pay-muted);justify-content:space-between;margin-top:.4rem;font-size:.7rem;display:flex}.pay-onboard-card{background:var(--pay-surface);border-radius:var(--pay-radius);border:2px dashed var(--pay-border);text-align:center;margin:1.25rem 2rem 0;padding:3rem 2rem}.pay-onboard-icon{background:linear-gradient(135deg, var(--pay-blue-pale), var(--pay-green-pale));width:68px;height:68px;color:var(--pay-navy);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.8rem;display:flex}.pay-onboard-card h3{font-family:var(--pay-display);color:var(--pay-navy);margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.pay-onboard-card p{color:var(--pay-muted);margin-bottom:1.5rem;font-size:.85rem}.pay-form-card{background:var(--pay-surface);border-radius:var(--pay-radius);border:1.5px solid var(--pay-blue-pale);border-left:4px solid var(--pay-blue);box-shadow:var(--pay-shadow);margin:1.25rem 2rem 0;padding:1.6rem;animation:.3s pay-fade-down}.pay-form-card--green{border-color:var(--pay-green-pale);border-left-color:var(--pay-green)}@keyframes pay-fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pay-form-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.pay-form-header h3{font-family:var(--pay-display);color:var(--pay-navy);align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;display:flex}.pay-form-close{background:var(--pay-border-soft);cursor:pointer;width:30px;height:30px;color:var(--pay-muted);border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .18s;display:flex}.pay-form-close:hover{background:var(--pay-red-pale);color:var(--pay-red)}.pay-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.pay-field{flex-direction:column;gap:.35rem;display:flex}.pay-field--full{grid-column:1/-1}.pay-field label{text-transform:uppercase;letter-spacing:.05em;color:var(--pay-text);font-size:.75rem;font-weight:600}.pay-req{color:var(--pay-red);margin-left:2px}.pay-field input,.pay-field select,.pay-field textarea{border:1.5px solid var(--pay-border);border-radius:var(--pay-radius-xs);font-family:var(--pay-font);color:var(--pay-text);background:var(--pay-input-bg);resize:vertical;outline:none;padding:.65rem .9rem;font-size:.875rem;transition:border-color .18s,box-shadow .18s}.pay-field input:focus,.pay-field select:focus,.pay-field textarea:focus{border-color:var(--pay-blue);box-shadow:0 0 0 3px #2563eb1a}.pay-form-actions{border-top:1px solid var(--pay-border);justify-content:flex-end;gap:.7rem;margin-top:1.4rem;padding-top:1.1rem;display:flex}.pay-balance-preview{background:var(--pay-border-soft);border:1px solid var(--pay-border);border-radius:var(--pay-radius-xs);color:var(--pay-muted);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;padding:.65rem 1rem;font-size:.82rem;display:flex}.pay-balance-preview strong{font-family:var(--pay-display);font-size:.9rem}.text-red{color:var(--pay-red)}.text-green{color:var(--pay-green)}.pay-history-section{margin:1.5rem 2rem 0}.pay-history-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.1rem;display:flex}.pay-history-title{font-family:var(--pay-display);color:var(--pay-navy);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.pay-history-sub{color:var(--pay-muted);margin-top:.2rem;font-size:.8rem}.pay-empty{background:var(--pay-surface);border-radius:var(--pay-radius);border:2px dashed var(--pay-border);text-align:center;padding:3.5rem 2rem}.pay-empty-icon{background:var(--pay-blue-pale);width:64px;height:64px;color:var(--pay-blue);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .9rem;font-size:1.6rem;display:flex}.pay-empty h3{font-family:var(--pay-display);color:var(--pay-navy);margin-bottom:.35rem;font-size:1rem;font-weight:700}.pay-empty p{color:var(--pay-muted);font-size:.83rem}.pay-table-wrap{background:var(--pay-surface);border-radius:var(--pay-radius);border:1px solid var(--pay-border);box-shadow:var(--pay-shadow);overflow:hidden}.pay-table{border-collapse:collapse;width:100%;font-size:.845rem}.pay-table thead tr{background:var(--pay-bg);border-bottom:2px solid var(--pay-border)}.pay-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--pay-muted);white-space:nowrap;padding:.9rem 1rem;font-size:.7rem;font-weight:700}.pay-table tbody tr{border-bottom:1px solid var(--pay-border-soft);transition:background .15s}.pay-table tbody tr:hover{background:var(--pay-hover-bg)}.pay-table tbody tr:last-child{border-bottom:none}.pay-table td{vertical-align:middle;padding:.9rem 1rem}.pay-row-idx{background:var(--pay-navy);color:#fff;width:28px;height:28px;font-size:.7rem;font-weight:700;font-family:var(--pay-display);border-radius:6px;justify-content:center;align-items:center;display:flex}.pay-date-cell{flex-direction:column;gap:.1rem;display:flex}.pay-date{color:var(--pay-text);font-size:.82rem;font-weight:500}.pay-time{color:var(--pay-muted);font-size:.72rem}.pay-amount-cell{font-family:var(--pay-display);color:var(--pay-navy);font-size:.9rem;font-weight:700}.pay-method-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.74rem;font-weight:600;display:inline-flex}.pay-method--cash{background:var(--pay-green-pale);color:var(--pay-green)}.pay-method--online-transfer{background:var(--pay-blue-pale);color:var(--pay-blue)}.pay-method--card{background:var(--pay-amber-pale);color:var(--pay-amber)}.pay-method--cheque{color:#7c3aed;background:#f3e8ff}.pay-service-cell{color:var(--pay-muted);max-width:140px;font-size:.8rem}.pay-notes-cell{color:var(--pay-muted);max-width:150px;font-size:.78rem}.pay-bal-clear{color:var(--pay-green);align-items:center;gap:.3rem;font-size:.82rem;font-weight:700;display:flex}.pay-bal-due{color:var(--pay-red);font-size:.82rem;font-weight:700}.pay-row-actions{gap:.4rem;display:flex}.pay-table-total-row{border-top:2px solid var(--pay-navy)!important;background:#2563eb14!important}.pay-table-total-row td{padding:.9rem 1rem}.pay-mobile-cards{flex-direction:column;gap:.85rem;display:none}.pay-mobile-card{background:var(--pay-surface);border-radius:var(--pay-radius-sm);border:1px solid var(--pay-border);border-left:4px solid var(--pay-green-mid);box-shadow:var(--pay-shadow);padding:1.1rem 1.25rem}.pay-mc-top{align-items:center;gap:.7rem;margin-bottom:.6rem;display:flex}.pay-mc-meta{color:var(--pay-muted);flex-wrap:wrap;gap:.5rem .9rem;margin-bottom:.5rem;font-size:.78rem;display:flex}.pay-mc-meta span{align-items:center;gap:.3rem;display:flex}.pay-mc-balance{color:var(--pay-muted);margin-bottom:.65rem;font-size:.8rem}.pay-mc-actions{gap:.5rem;display:flex}@media print{.no-print{display:none!important}.print-only{display:block}.pay-page{background:#fff;padding:0}.pay-identity-card,.pay-summary-grid,.pay-progress-wrap,.pay-form-card,.pay-onboard-card,.pay-history-section,.pay-table-wrap,.pay-mobile-cards{display:none}}.pay-receipt{font-family:var(--pay-font);color:#1a1a2e;padding:2rem}.pay-receipt-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.pay-receipt-header h1{font-family:var(--pay-display);color:#0f2d4a;font-size:1.4rem}.pay-receipt-header p{color:#64748b;font-size:.82rem}.pay-receipt-stamp{color:#fff;letter-spacing:.1em;background:#0f2d4a;border-radius:6px;padding:.4rem 1rem;font-size:.75rem;font-weight:800}.pay-receipt-divider{background:#0f2d4a;height:2px;margin:.75rem 0 1rem}.pay-receipt-patient{background:#f8fafc;border-radius:6px;grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:1rem;padding:.75rem;font-size:.85rem;display:grid}.pay-receipt-summary{background:#f0f9ff;border-radius:6px;gap:2rem;margin-bottom:.75rem;padding:.65rem;font-size:.85rem;display:flex}.pay-receipt-footer{text-align:center;color:#64748b;border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:.75rem;font-size:.75rem}@media (width<=900px){.pay-summary-grid{grid-template-columns:1fr 1fr}.pay-table-wrap{display:none}.pay-mobile-cards{display:flex}}@media (width<=640px){.pay-identity-card,.pay-summary-grid,.pay-progress-wrap,.pay-form-card,.pay-onboard-card,.pay-history-section{margin-left:.85rem;margin-right:.85rem}.pay-summary-grid{grid-template-columns:1fr}.pay-header{padding:.9rem 1rem}.pay-form-grid{grid-template-columns:1fr}.pay-identity-body{flex-wrap:wrap}.pay-identity-badge{margin-left:0}}.rv-container{background-color:#eef7ff;min-height:100vh;padding:25px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.rv-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.rv-header h2{color:#333;margin:0;font-size:22px}.rv-total{color:#000;background:#e5e5e56b;border:2px solid #9b9a9a;border-radius:10px;padding:4px 12px;font-size:12px}.rv-summary{background:#fff;border-radius:12px;align-items:center;gap:32px;margin-bottom:20px;padding:20px 24px;display:flex;box-shadow:0 4px 12px #00000012}.rv-avg-block{flex-direction:column;align-items:center;min-width:90px;display:flex}.rv-avg-number{color:#2c3e50;font-size:42px;font-weight:700;line-height:1}.rv-avg-stars{margin:6px 0 4px}.rv-avg-label{color:#999;font-size:12px}.rv-breakdown{flex-direction:column;flex:1;gap:6px;display:flex}.rv-bar-row{align-items:center;gap:10px;display:flex}.rv-bar-label{color:#666;min-width:32px;font-size:13px}.rv-bar-track{background:#f0f0f0;border-radius:4px;flex:1;height:8px;overflow:hidden}.rv-bar-fill{background:#f1c40f;border-radius:4px;height:100%;transition:width .4s}.rv-bar-count{color:#999;text-align:right;min-width:20px;font-size:12px}.star{font-size:16px}.star.filled{color:#f1c40f}.star.empty{color:#ddd}.rv-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.rv-filter-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:20px;padding:7px 16px;font-size:13px;transition:all .2s}.rv-filter-btn:hover{color:#2c3e50;border-color:#2563ee}.rv-filter-btn.active{color:#fff;background:#2563ee;border-color:#2c3e50}.rv-loading,.rv-empty{text-align:center;color:#999;padding:60px 20px;font-size:15px}.rv-list{flex-direction:column;gap:14px;display:flex}.rv-card{width:100%;box-shadow:none;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:10px;padding:3px 10px 8px}@media (width<=768px){.rv-card{width:90%}}@media (width<=480px){.rv-card{width:95%}}.rv-card:hover{transform:translateY(-1px)}.rv-card-top{align-items:center;gap:10px;display:flex}.rv-avatar{color:#fff;background:#2563ef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:600;display:flex}.rv-name-row{align-items:center;gap:6px;display:flex}.rv-meta{flex:1;align-items:center;display:flex}.rv-name{color:#2c3e50;font-size:14px;font-weight:600}.rv-service-badge{color:#2c3e50;background:#eaf0fb;border-radius:20px;width:fit-content;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.rv-stars{gap:1px;display:flex}.rv-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.rv-date{color:#bbb;font-size:12px}.rv-delete-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:4px 10px;font-size:12px;transition:background .2s}.rv-delete-btn:hover{background:#c0392b}.rv-comment{text-align:start;color:#555;-webkit-line-clamp:2;white-space:nowrap;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:250px;font-size:13px;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.rv-actions{gap:10px;margin-left:10px;display:flex}.rv-icon{cursor:pointer;font-size:14px;transition:all .2s}.rv-icon.view{color:#2563ee}.rv-icon.delete{color:#e74c3c}.rv-icon:hover{opacity:.8;transform:scale(1.15)}.rv-view-modal{z-index:1000;background:#fff;border-radius:12px;width:400px;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0003}.rv-full-text{color:#444;margin-top:10px;font-size:14px;line-height:1.6}.rv-close-btn{color:#fff;cursor:pointer;background:#2563ee;border:none;border-radius:6px;margin-top:14px;padding:8px 14px}.rv-view-btn:hover{text-decoration:underline}.rv-overlay{z-index:999;width:100vw;height:100vh;position:fixed;top:0;left:0}.rv-confirm-modal{z-index:1000;text-align:center;background:#fff;border-radius:12px;width:340px;padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.rv-confirm-modal h3{color:#2c3e50;margin-bottom:8px;font-size:17px}.rv-confirm-modal p{color:#999;margin-bottom:20px;font-size:13px}.rv-confirm-actions{gap:10px;display:flex}.rv-confirm-delete{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:7px;flex:1;padding:10px;font-size:14px;transition:background .2s}.rv-confirm-delete:hover{background:#c0392b}.rv-confirm-cancel{color:#555;cursor:pointer;background:#ecf0f1;border:none;border-radius:7px;flex:1;padding:10px;font-size:14px;transition:background .2s}.rv-confirm-cancel:hover{background:#dfe6e9}[data-theme=dark] .rv-container,[data-theme=dark] .db-topbar,[data-theme=dark] [class*=-topbar],[data-theme=dark] [class*=-header]:not(.login-header){background-color:#0f172a}[data-theme=dark] .rv-header h2{color:#f1f5f9}[data-theme=dark] .rv-total{color:#94a3b8;background:#253347;border-color:#334155}[data-theme=dark] .rv-summary{background:#1e293b;box-shadow:0 4px 12px #00000040}[data-theme=dark] .rv-avg-number{color:#f1f5f9}[data-theme=dark] .rv-avg-label{color:#64748b}[data-theme=dark] .rv-bar-label{color:#94a3b8}[data-theme=dark] .rv-bar-track{background:#334155}[data-theme=dark] .rv-bar-count{color:#64748b}[data-theme=dark] .star.empty{color:#475569}[data-theme=dark] .rv-filter-btn{color:#94a3b8;background:#1e293b;border-color:#334155}[data-theme=dark] .rv-filter-btn:hover{color:#f1f5f9;border-color:#3b82f6}[data-theme=dark] .rv-filter-btn.active{color:#0f172a;background:#3b82f6;border-color:#334155}[data-theme=dark] .rv-card{background:#1e293b;border-bottom-color:#334155}[data-theme=dark] .rv-avatar{color:#60a5fa;background:#1e3a5f}[data-theme=dark] .rv-name{color:#f1f5f9}[data-theme=dark] .rv-date{color:#64748b}[data-theme=dark] .rv-comment{color:#94a3b8}[data-theme=dark] .rv-icon.view{color:#60a5fa}[data-theme=dark] .rv-icon.delete{color:#f87171}[data-theme=dark] .rv-overlay{background:#000000b3}[data-theme=dark] .rv-view-modal{background:#1e293b;border:1px solid #334155;box-shadow:0 10px 40px #00000080}[data-theme=dark] .rv-view-modal h3{color:#f1f5f9}[data-theme=dark] .rv-full-text{color:#cbd5e1}[data-theme=dark] .rv-close-btn{color:#f1f5f9;background:#253347;border:1px solid #334155}[data-theme=dark] .rv-close-btn:hover{background:#334155}[data-theme=dark] .rv-confirm-modal{background:#1e293b;border:1px solid #334155}[data-theme=dark] .rv-confirm-modal h3{color:#f1f5f9}[data-theme=dark] .rv-confirm-modal p{color:#64748b}[data-theme=dark] .rv-confirm-cancel{color:#94a3b8;background:#253347;border:1px solid #334155}[data-theme=dark] .rv-confirm-cancel:hover{color:#f1f5f9;background:#334155}[data-theme=dark] .rv-loading,[data-theme=dark] .rv-empty{color:#64748b}.emp-container{background-color:#eef7ff;min-height:100vh;padding:40px;font-family:Inter,sans-serif}.emp-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.emp-main-title{color:#1b2559;margin:0;font-family:Inter,Arial;font-weight:700}.emp-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.emp-add-btn:hover{background-color:#9b9a9a}.emp-stats{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.emp-stat-card{background:#fff;border-radius:16px;flex-direction:column;align-items:center;min-width:110px;padding:16px 26px;display:flex;box-shadow:0 4px 15px #0000000a}.emp-stat-num{color:#1b2559;font-size:28px;font-weight:800;line-height:1}.emp-stat-num.active-num{color:#01b574}.emp-stat-num.inactive-num{color:#ee5d50}.emp-stat-label{color:#a3afd1;margin-top:5px;font-size:12px;font-weight:600}.emp-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.emp-search{color:#333;background:#fff;border:1px solid #dde3f0;border-radius:12px;flex:1;min-width:220px;padding:11px 16px;font-family:Inter,sans-serif;font-size:13px;transition:border .2s}.emp-search:focus{border-color:#2563eb;outline:none}.emp-status-filters{gap:8px;display:flex}.emp-filter-btn{color:#707eae;cursor:pointer;background:#fff;border:1px solid #dde3f0;border-radius:20px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s}.emp-filter-btn:hover{color:#2563eb;border-color:#2563eb}.emp-filter-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.emp-loading,.emp-empty{text-align:center;color:#a3afd1;padding:60px 20px;font-size:15px}.emp-tablecontainer{background-color:#fafafa;border-radius:20px;padding:35px 25px}.emp-table-header-grid{color:#000;letter-spacing:1px;background-color:#dce6f0;grid-template-columns:2fr 1.4fr 1.6fr 1fr 1.4fr;margin-bottom:10px;padding:10px 25px;font-size:12px;font-weight:800;display:grid}.emp-table-header-grid .text-right{text-align:right}.emp-cards-list{flex-direction:column;gap:0;display:flex}.emp-card-row{background:#fff;border-radius:20px;grid-template-columns:2fr 1.4fr 1.6fr 1fr 1.4fr;align-items:center;margin-bottom:14px;padding:8px 25px;transition:all .3s;display:grid;box-shadow:0 4px 15px #00000008}.emp-card-row:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000000f}.emp-col-employee{align-items:center;gap:15px;display:flex}.emp-avatar-box{color:#2563eb;background:#e0e7ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:15px;font-weight:800;display:flex}.emp-name{color:#1b2559;font-size:15px;font-weight:700}.emp-sub{color:#a3afd1;font-size:13px}.emp-id-badgee{color:gray;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.emp-col-designation{flex-direction:column;gap:5px;display:flex}.emp-desig-chip{color:#2563eb;background:#f4f7fe;border-radius:10px;width:fit-content;padding:5px 13px;font-size:13px;font-weight:700;display:inline-block}.emp-dept-text{color:#a3afd1;padding-left:2px;font-size:12px;font-weight:600}.emp-col-contact{flex-direction:column;gap:4px;display:flex}.emp-contact-line{color:#4a5568;align-items:center;gap:6px;font-size:13px;display:flex}.emp-contact-line i{color:#a3afd1;font-size:12px}.emp-email-line{color:#2563eb;font-size:12px}.emp-na{color:#a3afd1;font-size:14px}.emp-col-status{align-items:center;display:flex}.emp-status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.emp-status-badge.active{color:#01b574;background:#eafaf1}.emp-status-badge.inactive{color:#ee5d50;background:#fdedec}.emp-col-actions{justify-content:flex-end;gap:8px;display:flex}.btn-icon-btn.view{color:#16a34a;background:#f0fdf4}.btn-icon-btn.delete{color:#dc2626;background:#fef2f2}.btn-icon-round.edit:hover{background:#dcfce7}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#1b255966;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.emp-view-modal{background:#fff;border-radius:24px;width:100%;max-width:520px;max-height:90vh;padding:28px;overflow-y:hidden;box-shadow:0 20px 50px #0000001f}.emp-view-header{align-items:center;gap:16px;margin-bottom:24px;display:flex;position:relative}.emp-view-avatar{color:#2563eb;background:#e0e7ff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:800;display:flex}.emp-view-title-block{flex:1}.emp-view-name{color:#1b2559;margin:0 0 4px;font-size:18px;font-weight:800}.emp-view-desig{color:#a3afd1;font-size:13px;font-weight:600}.close-x{cursor:pointer;color:#a3afd1;background:0 0;border:none;font-size:26px;line-height:1;transition:color .2s;position:absolute;top:0;right:0}.close-x:hover{color:#ee5d50}.emp-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.emp-detail-item{background:#f8faff;border-radius:12px;flex-direction:column;gap:4px;padding:12px 15px;display:flex}.emp-detail-full{grid-column:1/-1}.emp-detail-label{color:#a3afd1;text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.emp-detail-value{color:#1b2559;font-size:14px;font-weight:600}.emp-mono{font-family:monospace;font-size:13px}.emp-email-text{color:#2563eb}.emp-salary-text{color:#01b574}.emp-view-footer{gap:10px;margin-top:22px;display:flex}.emp-view-edit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;transition:background .2s;display:flex}.emp-view-edit-btn:hover{background:#1d4ed8}.emp-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#1b255966;width:100vw;height:100vh;position:fixed;top:0;left:0}.emp-modal{z-index:1000;background:#fff;border-radius:20px;width:620px;max-width:95vw;max-height:90vh;padding:28px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 50px #0000001f}.emp-modal h3{color:#1b2559;margin-bottom:20px;font-size:17px;font-weight:800}.emp-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.emp-field{flex-direction:column;gap:5px;display:flex}.emp-field-full{grid-column:1/-1}.emp-field label{color:#a3afd1;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.emp-field input,.emp-field select{color:#333;box-sizing:border-box;background:#fafafa;border:1px solid #e0e7ff;border-radius:10px;width:100%;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border .2s}.emp-field input:focus,.emp-field select:focus{background:#fff;border-color:#2563eb;outline:none}.emp-modal-actions{gap:10px;margin-top:22px;display:flex}.emp-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:background .2s}.emp-save-btn:hover:not(:disabled){background:#1d4ed8}.emp-save-btn:disabled{opacity:.6;cursor:not-allowed}.emp-cancel-btn{color:#707eae;cursor:pointer;background:#f4f7fe;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:background .2s}.emp-cancel-btn:hover{background:#e0e7ff}.emp-confirm-modal{z-index:1000;text-align:center;background:#fff;border-radius:20px;width:340px;max-width:92vw;padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #0000001f}.emp-confirm-modal h3{color:#1b2559;margin-bottom:8px;font-size:17px;font-weight:800}.emp-confirm-modal p{color:#a3afd1;margin-bottom:22px;font-size:13px}.emp-confirm-actions{gap:10px;display:flex}.emp-delete-confirm-btn{color:#fff;cursor:pointer;background:#ee5d50;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:background .2s}.emp-delete-confirm-btn:hover{background:#c0392b}@media (width<=1100px){.emp-table-header-grid,.emp-card-row{grid-template-columns:1.8fr 1.3fr 1.4fr 1fr 1.2fr;padding:6px 16px}}@media (width<=900px){.emp-table-header-grid{display:none}.emp-container{padding:20px}.emp-header{flex-direction:column;align-items:flex-start;gap:14px}.emp-tablecontainer{padding:20px 14px}.emp-card-row{flex-direction:column;align-items:flex-start;gap:12px;padding:18px;display:flex;position:relative}.emp-col-employee{border-bottom:1px solid #f1f5f9;width:100%;padding-bottom:12px}.emp-col-designation:before{content:"Role: ";color:#a3afd1;font-size:11px;font-weight:700}.emp-col-contact:before{content:"Contact: ";color:#a3afd1;font-size:11px;font-weight:700}.emp-col-status:before{content:"Status: ";color:#a3afd1;font-size:11px;font-weight:700}.emp-col-designation,.emp-col-contact,.emp-col-status{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.emp-col-actions{border-top:1px solid #f1f5f9;justify-content:flex-start;width:100%;margin-top:4px;padding-top:12px}.btn-icon-round{width:44px;height:44px}}@media (width<=600px){.emp-stats{gap:10px}.emp-stat-card{flex:1;min-width:80px;padding:12px 10px}.emp-stat-num{font-size:22px}.emp-toolbar{flex-direction:column;align-items:stretch}.emp-status-filters{justify-content:flex-start}.emp-detail-grid{grid-template-columns:1fr}.emp-detail-full{grid-column:1}.emp-form-grid{grid-template-columns:1fr}.emp-field-full{grid-column:1}.emp-name,.emp-sub{font-size:10px}.emp-view-modal,.emp-modal{padding:20px 16px}}[data-theme=dark] .emp-container,[data-theme=dark] .db-topbar,[data-theme=dark] [class*=-topbar],[data-theme=dark] [class*=-header]:not(.login-header),[data-theme=dark] .emp-header{background-color:#0f172a}[data-theme=dark] .emp-main-title{color:#f1f5f9}[data-theme=dark] .emp-add-btn{color:#fff!important;background:#2856a1!important}[data-theme=dark] .emp-stat-card{background:#1e293b;box-shadow:0 4px 15px #00000040}[data-theme=dark] .emp-stat-num{color:#f1f5f9}[data-theme=dark] .emp-stat-label{color:#64748b}[data-theme=dark] .emp-search{color:#f1f5f9;background-color:#1e293b;border-color:#334155}[data-theme=dark] .emp-filter-btn{color:#94a3b8;background-color:#1e293b;border-color:#334155}[data-theme=dark] .emp-filter-btn:hover{color:#f1f5f9;border-color:#3b82f6}[data-theme=dark] .emp-filter-btn.active{color:#0f172a;background-color:#3b82f6;border-color:#334155}[data-theme=dark] .emp-tablecontainer{background-color:#1e293b}[data-theme=dark] .emp-table-header-grid{color:#94a3b8;background-color:#263f63!important}[data-theme=dark] .emp-card-row{background-color:#1e293b;border:2px solid #303d52}[data-theme=dark] .emp-card-row:hover{background-color:#253347}[data-theme=dark] .emp-avatar-box{color:#60a5fa;background:#1e3a5f}[data-theme=dark] .emp-name{color:#f1f5f9}[data-theme=dark] .emp-sub,[data-theme=dark] .emp-id-badgee{color:#64748b}[data-theme=dark] .emp-desig-chip{color:#60a5fa;background-color:#253347}[data-theme=dark] .emp-contact-line{color:#94a3b8}[data-theme=dark] .emp-contact-line i{color:#64748b}[data-theme=dark] .btn-icon-round.edit:hover{color:#fff!important;background-color:#16a34a!important}[data-theme=dark] .modal-overlay,[data-theme=dark] .emp-overlay{background:#000000b3}[data-theme=dark] .emp-view-modal,[data-theme=dark] .emp-modal,[data-theme=dark] .emp-confirm-modal{background-color:#1e293b;border:1px solid #334155;box-shadow:0 20px 50px #00000080}[data-theme=dark] .emp-view-name,[data-theme=dark] .emp-modal h3,[data-theme=dark] .emp-confirm-modal h3{color:#f1f5f9}[data-theme=dark] .emp-detail-item{background-color:#253347}[data-theme=dark] .emp-detail-label,[data-theme=dark] .emp-field label,[data-theme=dark] .emp-confirm-modal p{color:#64748b}[data-theme=dark] .emp-detail-value{color:#cbd5e1}[data-theme=dark] .emp-field input,[data-theme=dark] .emp-field select{color:#f1f5f9;background-color:#253347;border-color:#334155}[data-theme=dark] .emp-field input:focus,[data-theme=dark] .emp-field select:focus{background-color:#2d3f55;border-color:#3b82f6}[data-theme=dark] .emp-cancel-btn{color:#94a3b8;background-color:#253347}[data-theme=dark] .emp-cancel-btn:hover{color:#f1f5f9;background-color:#334155}@media (width<=900px){[data-theme=dark] .emp-col-employee{border-bottom-color:#334155}[data-theme=dark] .emp-col-actions{border-top-color:#334155}}.emp-header-actions{align-items:center;gap:10px;display:flex}.emp-reset-btn{color:#c2410c;cursor:pointer;white-space:nowrap;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s}.emp-reset-btn:hover{background:#ffedd5;border-color:#fb923c}[data-theme=dark] .emp-reset-btn{color:#fdba74;background:#431407;border-color:#7c2d12}[data-theme=dark] .emp-reset-btn:hover{background:#7c2d12;border-color:#ea580c}.inv-container{background:#eef7ff;min-height:100vh;padding:25px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.inv-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.inv-header h2{color:#333;margin:0;font-size:22px}.inv-add-btn{color:#000;cursor:pointer;background:#e5e5e56b;border:1px solid gray;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .2s}.inv-add-btn:hover{background:#9b9a9a}.inv-alerts{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.inv-alert{border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.inv-alert.low{color:#856404;background:#fff3cd;border-left:4px solid #f1c40f}.inv-alert.expired{color:#842029;background:#f8d7da;border-left:4px solid #e74c3c}.inv-alert.near{color:#955000;background:#fff0e0;border-left:4px solid #e67e22}.inv-alert-icon{font-size:15px;font-weight:700}.inv-stats{gap:14px;margin-bottom:16px;display:flex}.inv-stat{background:#fff;border-radius:10px;flex-direction:column;align-items:center;min-width:100px;padding:16px 26px;display:flex;box-shadow:0 2px 8px #0000000f}.inv-stat-n{color:#2563ef;font-size:26px;font-weight:700;line-height:1}.inv-stat-n.low-n{color:#e67e22}.inv-stat-n.exp-n{color:#e74c3c}.inv-stat-n.near-n{color:#f39c12}.inv-stat-l{color:#999;text-align:center;margin-top:4px;font-size:11px}.inv-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.inv-search{background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;min-width:200px;padding:9px 14px;font-size:13px}.inv-search:focus{border-color:#2c3e50;outline:none}.inv-cat-tabs{flex-wrap:wrap;gap:6px;display:flex}.inv-cat-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:20px;padding:6px 14px;font-size:12px;transition:all .2s}.inv-cat-btn:hover{border-color:#2563ef}.inv-cat-btn.active{color:#fff;background:#2563ef;border-color:#2c3e50}.inv-legend{color:#777;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.expired-dot{background:#f5b7b1}.near-dot{background:#fad7a0}.low-dot{background:#fef9e7;border:1px solid #f1c40f}.out-dot{background:#fadbd8}.table-header-griddd{color:#000;letter-spacing:1px;background-color:#dce6f0;margin-bottom:10px;padding:10px 25px;font-size:12px;font-weight:800;display:grid}.appointment-card-rowww{background:#fff;border-radius:20px;align-items:center;margin-bottom:15px;padding:4px 25px;transition:all .3s;display:grid;box-shadow:0 4px 15px #00000008}.inv-gridd{grid-template-columns:2.5fr 1.2fr 1.2fr 1.5fr 1fr 1.2fr 1fr 2fr}.inv-grid{grid-template-columns:2.5fr 1.5fr 1.2fr 1.2fr 1fr 1.2fr 1fr 2fr}.avatar-box{color:#2563eb;background:#e0e7ff;border-radius:14px;justify-content:center;align-items:center;width:45px;height:45px;font-weight:800;display:flex}.d-text{font-size:15px}.service-chip{color:#2563eb;background:#f4f7fe;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:700}.col-status{flex-direction:row;gap:12px;display:flex}.btn-icon-round.approve:hover{color:#fff;background:#01b574}.btn-icon-round.delay:hover{color:#fff;background:#ffb547}.btn-icon-round.view:hover{color:#fff;background:#2563eb}.btn-icon-round.delete:hover{color:#fff;background:#ee5d50}.inv-overlay{z-index:999;background:#00000073;width:100vw;height:100vh;position:fixed;top:0;left:0}.inv-modal{z-index:1000;background:#fff;border-radius:12px;width:560px;max-width:95vw;max-height:90vh;padding:28px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000026}.inv-modal h3{color:#2c3e50;margin-bottom:18px;font-size:17px}.inv-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.inv-field{flex-direction:column;gap:5px;display:flex}.inv-field label{color:#555;font-size:12px;font-weight:600}.inv-field input,.inv-field select{color:#333;box-sizing:border-box;background:#fafafa;border:1px solid #ddd;border-radius:7px;width:100%;padding:9px 11px;font-size:13px;transition:border .2s}.inv-field input:focus,.inv-field select:focus{background:#fff;border-color:#2c3e50;outline:none}.inv-modal-actions{gap:10px;margin-top:20px;display:flex}.inv-save-btn{color:#fff;cursor:pointer;background:#0c76f133;border:none;border-radius:7px;flex:1;padding:11px;font-size:14px}.inv-cancel-btn{color:#555;cursor:pointer;background:#ecf0f1;border:none;border-radius:7px;flex:1;padding:11px;font-size:14px}.inv-reduce-modal-btn{color:#fff;cursor:pointer;background:#e67e22;border:none;border-radius:7px;flex:1;padding:11px;font-size:14px}.inv-stock-current{color:#555;margin-bottom:14px;font-size:14px}.inv-confirm-modal{z-index:1000;text-align:center;background:#fff;border-radius:12px;width:340px;padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000026}.inv-confirm-modal h3{color:#2c3e50;margin-bottom:8px;font-size:17px}.inv-confirm-modal p{color:#999;margin-bottom:20px;font-size:13px}.inv-confirm-actions{gap:10px;display:flex}.inv-delete-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:7px;flex:1;padding:11px;font-size:14px}.inv-id-baddge,.inv-id-badge{color:gray;font-size:11px;font-weight:700}[data-theme=dark] .inv-container{background-color:#0f172a}[data-theme=dark] .inv-header h2{color:#f1f5f9}[data-theme=dark] .inv-add-btn{color:#fff!important;background:#2856a1!important}[data-theme=dark] .inv-alert.low{color:#fbbf24;background:#1c1208;border-left-color:#fbbf24}[data-theme=dark] .inv-alert.expired{color:#f87171;background:#2d0d0d;border-left-color:#f87171}[data-theme=dark] .inv-alert.near{color:#fbbf24;background:#1c1208;border-left-color:#fbbf24}[data-theme=dark] .inv-stat{background:#1e293b;box-shadow:0 4px 15px #00000040}[data-theme=dark] .inv-stat-n{color:#3b82f6}[data-theme=dark] .inv-stat-n.low-n{color:#fbbf24}[data-theme=dark] .inv-stat-n.exp-n{color:#f87171}[data-theme=dark] .inv-stat-n.near-n{color:#fbbf24}[data-theme=dark] .inv-stat-l{color:#64748b}[data-theme=dark] .inv-search{color:#f1f5f9;background-color:#1e293b;border-color:#334155}[data-theme=dark] .inv-cat-btn{color:#94a3b8;background-color:#1e293b;border-color:#334155}[data-theme=dark] .inv-cat-btn:hover{color:#f1f5f9;border-color:#3b82f6}[data-theme=dark] .inv-cat-btn.active{color:#0f172a;background-color:#3b82f6;border-color:#334155}[data-theme=dark] .inv-legend{color:#64748b}[data-theme=dark] .table-header-griddd{color:#94a3b8;background-color:#263f63!important}[data-theme=dark] .appointment-card-rowww{background:#1e293b;border:1px solid #334155}[data-theme=dark] .appointment-card-rowww:hover{background:#253347}[data-theme=dark] .avatar-box{color:#60a5fa;background:#1e3a5f}[data-theme=dark] .inv-id-baddge,[data-theme=dark] .inv-id-badge{color:#60a5fa;background:#253347;border-color:#334155}[data-theme=dark] .service-chip{color:#60a5fa;background:#253347}[data-theme=dark] .status-badge.expired{font-weight:700;color:#f87171!important}[data-theme=dark] .status-badge.near{font-weight:600;color:#fbbf24!important}[data-theme=dark] .status-badge.low{color:#fbbf24!important}[data-theme=dark] .status-badge.out{font-weight:700;color:#f87171!important}[data-theme=dark] .status-badge.ok{color:#4ade80!important}[data-theme=dark] .btn-icon-round.approve:hover{color:#fff!important;background-color:#16a34a!important}[data-theme=dark] .btn-icon-round.delay:hover{color:#fff!important;background-color:#d97706!important}[data-theme=dark] .btn-icon-round.view:hover{color:#fff!important;background-color:#2563eb!important}[data-theme=dark] .inv-overlay{background:#000000b3}[data-theme=dark] .inv-modal,[data-theme=dark] .inv-confirm-modal{background-color:#1e293b;border:1px solid #334155;box-shadow:0 10px 40px #00000080}[data-theme=dark] .inv-modal h3,[data-theme=dark] .inv-confirm-modal h3{color:#f1f5f9}[data-theme=dark] .inv-stock-current{color:#94a3b8}[data-theme=dark] .inv-field label,[data-theme=dark] .inv-confirm-modal p{color:#64748b}[data-theme=dark] .inv-field input,[data-theme=dark] .inv-field select{color:#f1f5f9;background-color:#253347;border-color:#334155}[data-theme=dark] .inv-field input:focus,[data-theme=dark] .inv-field select:focus{background-color:#2d3f55;border-color:#3b82f6}[data-theme=dark] .inv-cancel-btn{color:#94a3b8;background-color:#253347;border:1px solid #334155}[data-theme=dark] .inv-cancel-btn:hover{color:#f1f5f9;background-color:#334155}[data-theme=dark] .inv-save-btn{color:#fff;background-color:#2563eb}[data-theme=dark] .inv-save-btn:hover{background-color:#1d4ed8}[data-theme=dark] .inv-reduce-modal-btn{color:#fff;background-color:#d97706}[data-theme=dark] .inv-reduce-modal-btn:hover{background-color:#b45309}@keyframes inv-highlight-pulse{0%{background:#dbeafe;box-shadow:0 0 #2563eb80,0 4px 15px #00000008}60%{background:#eff6ff;box-shadow:0 0 0 8px #2563eb00,0 4px 15px #00000008}to{background:#fff;box-shadow:0 4px 15px #00000008}}.inv-row-highlight{border-radius:20px;animation:3s forwards inv-highlight-pulse;border:1.5px solid #93c5fd!important}[data-theme=dark] .inv-row-highlight{animation:none;background:#1e3a5f!important;border:1.5px solid #3b82f6!important;box-shadow:0 0 0 3px #3b82f640!important}.inv-empty{text-align:center;color:#999;padding:40px;font-size:14px}@media (width<=1100px){.inv-grid,.inv-gridd{grid-template-columns:2fr 1.2fr 1fr 1fr 1fr 1fr 1fr 1.5fr;gap:8px}.table-header-griddd.inv-grid,.table-header-griddd.inv-gridd{grid-template-columns:2fr 1.2fr 1fr 1fr 1fr 1fr 1fr 1.5fr}}@media (width<=900px){.inv-container{padding:18px 16px}.inv-grid,.inv-gridd{grid-template-columns:2fr 1.2fr 1fr 1.2fr 1.5fr;gap:8px}.table-header-griddd.inv-grid,.table-header-griddd.inv-gridd{grid-template-columns:2fr 1.2fr 1fr 1.2fr 1.5fr}.appointment-card-rowww .col-status:nth-child(4),.appointment-card-rowww .col-status:nth-child(5),.appointment-card-rowww .col-status:nth-child(6),.table-header-griddd span:nth-child(4),.table-header-griddd span:nth-child(5),.table-header-griddd span:nth-child(6){display:none}.inv-stats{flex-wrap:wrap;gap:10px}.inv-stat{min-width:80px;padding:12px 18px}}@media (width<=768px){.inv-container{padding:14px 12px}.inv-header{flex-wrap:wrap;gap:10px}.inv-add-btn{text-align:center;width:100%}.inv-stats{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.inv-stat{flex-shrink:0;min-width:90px;padding:12px 16px}.inv-toolbar{flex-direction:column;align-items:stretch;gap:8px}.inv-search{min-width:unset;width:100%}.inv-cat-tabs{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.inv-cat-btn{flex-shrink:0}.table-header-griddd{display:none!important}.appointment-card-rowww.inv-grid,.appointment-card-rowww.inv-gridd{border-radius:16px;grid-template-columns:1fr;gap:10px;margin-bottom:12px;padding:14px 16px}.appointment-card-rowww .col-status:nth-child(4),.appointment-card-rowww .col-status:nth-child(5),.appointment-card-rowww .col-status:nth-child(6){display:flex}.col-patient:before{content:"Item:";color:#94a3b8;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.col-service:before{content:"Category:";color:#94a3b8;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.col-status{flex-direction:column;align-items:flex-start;gap:2px}.col-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px}.inv-modal{width:calc(100vw - 24px);padding:20px 16px}.inv-form-grid{grid-template-columns:1fr;gap:10px}.inv-confirm-modal{width:calc(100vw - 48px)}}@media (width<=480px){.inv-container{padding:10px 8px}.inv-stat-n{font-size:20px}.inv-stat{padding:10px 14px}.avatar-box{width:38px;height:38px;font-size:14px}.btn-icon-round{width:34px;height:34px;font-size:16px}.inv-modal-actions{flex-direction:column;gap:8px}.inv-save-btn,.inv-cancel-btn,.inv-reduce-modal-btn{width:100%}.inv-confirm-actions{flex-direction:column;gap:8px}.inv-delete-btn,.inv-confirm-actions .inv-cancel-btn{width:100%}}.sup-container{background:#eef7ff;min-height:100vh;padding:25px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px}.sup-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sup-header h2{color:#333;margin:0;font-size:22px}.sup-add-btn{color:#000;cursor:pointer;background:#e5e5e56b;border:1px solid gray;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .2s}.sup-add-btn:hover{background:#9b9a9a}.sup-toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.sup-search{background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;padding:9px 14px;font-size:13px}.sup-search:focus{border-color:#2c3e50;outline:none}.sup-count{color:#999;white-space:nowrap;font-size:13px}.sup-empty{text-align:center;color:#999;padding:60px 20px;font-size:15px}.sup-table-wrap{background:#fff;border-radius:12px;overflow:auto;box-shadow:0 4px 12px #00000014}.sup-table{border-collapse:collapse;width:100%;font-size:13px}.sup-table thead{color:#fff;background:#2c3e50}.sup-table th{text-align:left;padding:13px 14px;font-size:13px;font-weight:500}.sup-table td{color:#444;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:12px 14px}.sup-table tbody tr:last-child td{border-bottom:none}.sup-table tbody tr:hover{background:#fafafa}.sup-name-cell{align-items:center;gap:10px;display:flex}.sup-avatar{color:#fff;background:#2c3e50;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.sup-name{color:#2c3e50;font-weight:600}.sup-email{color:#3498db;font-size:12px}.sup-actions{gap:6px;display:flex}.sup-edit-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:5px;padding:6px 12px;font-size:12px;transition:background .2s}.sup-edit-btn:hover{background:#2980b9}.sup-delete-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:5px;padding:6px 12px;font-size:12px;transition:background .2s}.sup-delete-btn:hover{background:#c0392b}.sup-overlay{z-index:999;background:#00000073;width:100vw;height:100vh;position:fixed;top:0;left:0}.sup-modal{z-index:1000;background:#fff;border-radius:12px;width:500px;max-width:95vw;padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000026}.sup-modal h3{color:#2c3e50;margin-bottom:18px;font-size:17px}.sup-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sup-field{flex-direction:column;gap:5px;display:flex}.sup-field-full{grid-column:1/-1}.sup-field label{color:#555;font-size:12px;font-weight:600}.sup-field input{color:#333;box-sizing:border-box;background:#fafafa;border:1px solid #ddd;border-radius:7px;width:100%;padding:9px 11px;font-size:13px;transition:border .2s}.sup-field input:focus{background:#fff;border-color:#2c3e50;outline:none}.sup-modal-actions{gap:10px;margin-top:20px;display:flex}.sup-save-btn{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:7px;flex:1;padding:11px;font-size:14px;transition:background .2s}.sup-save-btn:hover:not(:disabled){background:#1a252f}.sup-save-btn:disabled{opacity:.6;cursor:not-allowed}.sup-cancel-btn{color:#555;cursor:pointer;background:#ecf0f1;border:none;border-radius:7px;flex:1;padding:11px;font-size:14px}.sup-cancel-btn:hover{background:#dfe6e9}.sup-confirm-modal{z-index:1000;text-align:center;background:#fff;border-radius:12px;width:340px;padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000026}.sup-confirm-modal h3{color:#2c3e50;margin-bottom:8px;font-size:17px}.sup-confirm-modal p{color:#999;margin-bottom:20px;font-size:13px}.sup-confirm-actions{gap:10px;display:flex}.sup-tablecontainer{background-color:#fafafa;border-radius:20px;padding:30px 25px}.sup-table-header-grid{color:#000;background:#dce6f0;grid-template-columns:2fr 1.3fr 1.3fr 1.6fr 2fr 1.2fr;margin-bottom:10px;padding:12px 25px;font-size:12px;font-weight:800;display:grid}.sup-cards-list{flex-direction:column;gap:12px;display:flex}.sup-card-row{background:#fff;border-radius:20px;grid-template-columns:2fr 1.3fr 1.3fr 1.6fr 2fr 1.2fr;align-items:center;padding:4px 25px;transition:all .3s;display:grid;box-shadow:0 4px 15px #00000008}.sup-card-row:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000000f}.col-supplier{align-items:center;gap:15px;display:flex}.sup-avatar-box{color:#2563eb;background:#e0e7ff;border-radius:14px;justify-content:center;align-items:center;width:45px;height:45px;font-weight:800;display:flex}.sup-text .sup-name{color:#1b2559;font-size:15px;font-weight:700}.sup-sub{color:#a3afd1;font-size:13px}.sup-id-badge{color:gray;font-size:11px;font-weight:700}.col-actions{justify-content:flex-end;gap:10px;display:flex}.btn-icon-round{color:#707eae;cursor:pointer;background:#f4f7fe;border:none;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:all .2s;display:flex}.btn-icon-round:hover{color:#fff;background:#2563eb}.btn-icon-round.delete:hover{background:#ee5d50}@media (width<=1024px){.sup-table-header-grid,.sup-card-row{grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr 1fr;gap:10px}}@media (width<=768px){.sup-table-header-grid{display:none}.sup-card-row{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 15px;display:flex}.col-supplier,.col-contact,.col-phone,.col-email,.col-address{flex-wrap:wrap;gap:6px;width:100%;display:flex}.col-contact:before{content:"Contact: ";color:#a3afd1;font-weight:700}.col-phone:before{content:"Phone: ";color:#a3afd1;font-weight:700}.col-email:before{content:"Email: ";color:#a3afd1;font-weight:700}.col-address:before{content:"Address: ";color:#a3afd1;font-weight:700}.col-actions{border-top:1px solid #f1f5f9;justify-content:flex-start;width:100%;margin-top:5px;padding-top:12px}.btn-icon-round{width:45px;height:45px}}[data-theme=dark] .sup-container{background-color:#0f172a}[data-theme=dark] .sup-header h2{color:#f1f5f9}[data-theme=dark] .sup-add-btn{color:#fff!important;background:#2856a1!important}[data-theme=dark] .sup-search{color:#f1f5f9;background-color:#1e293b;border-color:#334155}[data-theme=dark] .sup-count,[data-theme=dark] .sup-empty{color:#64748b}[data-theme=dark] .sup-tablecontainer{background-color:#1e293b}[data-theme=dark] .sup-table-header-grid{color:#94a3b8;background-color:#263f63!important}[data-theme=dark] .sup-card-row{background:#1e293b;border:1px solid #334155}[data-theme=dark] .sup-card-row:hover{background:#253347}[data-theme=dark] .sup-avatar-box{color:#60a5fa;background:#1e3a5f}[data-theme=dark] .sup-text .sup-name{color:#f1f5f9}[data-theme=dark] .sup-sub,[data-theme=dark] .col-contact,[data-theme=dark] .col-phone,[data-theme=dark] .col-email,[data-theme=dark] .col-address{color:#94a3b8}[data-theme=dark] .sup-id-badge{color:#60a5fa;background:#253347;border-color:#334155}[data-theme=dark] .btn-icon-round{color:#94a3b8!important;background-color:#253347!important;border:none!important}[data-theme=dark] .btn-icon-round:hover{color:#fff!important;background-color:#3b82f6!important}[data-theme=dark] .btn-icon-round.delete:hover{color:#fff!important;background-color:#ee5d50!important}[data-theme=dark] .sup-overlay{background:#000000b3}[data-theme=dark] .sup-modal,[data-theme=dark] .sup-confirm-modal{background-color:#1e293b;border:1px solid #334155;box-shadow:0 10px 40px #00000080}[data-theme=dark] .sup-modal h3,[data-theme=dark] .sup-confirm-modal h3{color:#f1f5f9}[data-theme=dark] .sup-confirm-modal p,[data-theme=dark] .sup-field label{color:#64748b}[data-theme=dark] .sup-field input{color:#f1f5f9;background-color:#253347;border-color:#334155}[data-theme=dark] .sup-field input:focus{background-color:#2d3f55;border-color:#3b82f6}[data-theme=dark] .sup-cancel-btn{color:#94a3b8;background-color:#253347;border:1px solid #334155}[data-theme=dark] .sup-cancel-btn:hover{color:#f1f5f9;background-color:#334155}[data-theme=dark] .sup-save-btn{color:#fff;background-color:#2563eb}[data-theme=dark] .sup-save-btn:hover{background-color:#1d4ed8}[data-theme=dark] .sup-delete-btn{color:#fff;background-color:#ee5d50}[data-theme=dark] .sup-head{background-color:#334155}@media (width<=768px){[data-theme=dark] .col-contact:before,[data-theme=dark] .col-phone:before,[data-theme=dark] .col-email:before,[data-theme=dark] .col-address:before{color:#64748b}[data-theme=dark] .col-actions{border-top-color:#334155}}.exp-container{background:#eef7ff;min-height:100vh;padding:25px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}[data-theme=dark] .exp-container{background:var(--bg,#0f172a)!important;color:var(--text-h,#f1f5f9)!important}.exp-loading{text-align:center;color:#999;padding:80px 20px;font-size:15px}.print-report-header{display:none}.exp-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.exp-header h2{color:#333;margin:0;font-size:22px;font-weight:700}[data-theme=dark] .exp-header h2{color:var(--text-h,#f1f5f9)!important}[data-theme=dark] .exp-header{background-color:3.40282e38b!important}.exp-header-actions{gap:10px;display:flex}.exp-add-btn,.exp-print-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.exp-add-btn:hover,.exp-print-btn:hover{opacity:.9;transform:translateY(-1px)}[data-theme=dark] .exp-add-btn,[data-theme=dark] .exp-print-btn{color:#fff!important;background:#2856a1!important}.exp-month-bar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.exp-month-nav{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.exp-month-nav:hover{background:#cbd5e1}.exp-month-label{color:#000;text-align:left;min-width:160px;font-size:18px;font-weight:600}.exp-month-input{color:#333;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 10px;font-size:13px}[data-theme=dark] .exp-month-nav{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important;color:var(--text-h)!important}[data-theme=dark] .exp-month-label{color:var(--text-h,#f1f5f9)!important}[data-theme=dark] .exp-month-input{background:var(--input-bg,#253347)!important;color:var(--text-h)!important;border-color:var(--border,#334155)!important}.exp-summary-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.exp-card{background:#fff;border:1px solid #e8ecf4;border-top:4px solid #0000;border-radius:14px;flex-direction:column;gap:6px;padding:20px 25px;display:flex;box-shadow:0 4px 15px #00000008}.exp-card.income{border-top-color:#16a34a}.exp-card.expenses{border-top-color:#d97706}.exp-card.profit.positive{border-top-color:#16a34a}.exp-card.profit.negative{border-top-color:#dc2626}.exp-card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.exp-card-value{color:#0f1923;font-size:26px;font-weight:700;line-height:1}.exp-card.income .exp-card-value{color:#16a34a}.exp-card.expenses .exp-card-value{color:#d97706}.exp-card.profit.positive .exp-card-value{color:#16a34a}.exp-card.profit.negative .exp-card-value{color:#dc2626}.exp-card-sub{color:#94a3b8;font-size:12px}[data-theme=dark] .exp-card{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important;box-shadow:var(--shadow-sm)!important}[data-theme=dark] .exp-card-label,[data-theme=dark] .exp-card-sub{color:var(--text-m,#64748b)!important}[data-theme=dark] .exp-card-value:not(.income *):not(.expenses *):not(.profit *){color:var(--text-h,#f1f5f9)!important}.exp-breakdown-section{background:#fff;border:1px solid #e8ecf4;border-radius:14px;margin-bottom:20px;padding:24px;box-shadow:0 4px 15px #00000008}[data-theme=dark] .exp-breakdown-section{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important}.exp-section-title{color:#0f1923;text-transform:uppercase;letter-spacing:.05em;text-align:left;margin:0 0 16px;font-size:14px;font-weight:700}[data-theme=dark] .exp-section-title{color:var(--text-h,#f1f5f9)!important}.exp-breakdown-list{flex-direction:column;gap:12px;display:flex}.exp-breakdown-row{align-items:center;gap:10px;display:flex}.exp-cat-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cat-salary{background:#2563eb}.cat-inventory{background:#7c3aed}.cat-rent{background:#d97706}.cat-utilities{background:#0d9488}.cat-maintenance{background:#dc2626}.cat-other{background:#4a5568}.exp-breakdown-cat{color:#4a5568;text-align:left;min-width:100px;font-size:13px;font-weight:500}[data-theme=dark] .exp-breakdown-cat{color:var(--text-b,#94a3b8)!important}.exp-breakdown-bar-track{background:#eef2f7;border-radius:4px;flex:1;height:8px;overflow:hidden}[data-theme=dark] .exp-breakdown-bar-track{background:var(--border,#334155)!important}.exp-breakdown-bar-fill{background:#0d9488;border-radius:4px;height:100%;transition:width .5s}.exp-breakdown-pct{color:#94a3b8;text-align:right;min-width:40px;font-size:12px;font-weight:600}.exp-breakdown-amt{color:#0f1923;text-align:right;min-width:120px;font-size:13px;font-weight:600}[data-theme=dark] .exp-breakdown-amt{color:var(--text-h,#f1f5f9)!important}.exp-tabs{gap:6px;margin-bottom:16px;display:flex}.exp-tab{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s}.exp-tab:hover{color:#2563eb;border-color:#2563eb}.exp-tab.active{color:#fff;background:#2563eb;border-color:#2563eb}[data-theme=dark] .exp-tab{background:var(--surface,#1e293b)!important;color:var(--text-b,#94a3b8)!important;border-color:var(--border,#334155)!important}[data-theme=dark] .exp-tab.active{background:var(--acc,#3b82f6)!important;color:#fff!important;border-color:var(--acc)!important}.exp-overview-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.exp-overview-card{text-align:left;background:#fff;border:1px solid #e8ecf4;border-radius:14px;padding:24px;box-shadow:0 4px 15px #00000008}[data-theme=dark] .exp-overview-card{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important}.exp-overview-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.exp-overview-amount{color:#0f1923;margin-bottom:4px;font-size:24px;font-weight:700}[data-theme=dark] .exp-overview-amount{color:var(--text-h,#f1f5f9)!important}.exp-overview-sub{color:#94a3b8;font-size:12px}.exp-filter-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.exp-filter-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s}.exp-filter-btn:hover{color:#2563eb;border-color:#2563eb}.exp-filter-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.exp-table-wrap{background:#fff;border:1px solid #e8ecf4;border-radius:16px;padding:20px;overflow:hidden;box-shadow:0 4px 15px #00000008}[data-theme=dark] .exp-table-wrap{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important}.exp-table{border-collapse:separate;border-spacing:0 12px;width:100%;font-size:13px}.exp-table thead tr{background-color:#f8fafc!important}[data-theme=dark] .exp-table thead tr{background-color:var(--surface,#1e293b)!important}.exp-table th{text-align:left;color:#4a5568;text-transform:uppercase;letter-spacing:.07em;padding:14px 20px;font-size:12px;font-weight:800}[data-theme=dark] .exp-table th{color:var(--text-h,#f1f5f9)!important}.exp-table tbody tr{background-color:#fff;border-radius:15px;transition:all .2s;box-shadow:0 4px 15px #00000008}[data-theme=dark] .exp-table tbody tr{background-color:var(--surface2,#253347)!important}.exp-table tbody tr:hover{background-color:#fafcff;transform:translateY(-3px);box-shadow:0 10px 25px #0000000f}[data-theme=dark] .exp-table tbody tr:hover{background-color:var(--input-bg-focus,#2d3f55)!important}.exp-table td{color:#4a5568;vertical-align:middle;text-align:left;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:14px 20px}[data-theme=dark] .exp-table td{color:var(--text-b,#94a3b8)!important;border-color:var(--border,#334155)!important}.exp-table td:first-child{border-left:1px solid #f1f5f9;border-top-left-radius:12px;border-bottom-left-radius:12px}.exp-table td:last-child{border-right:1px solid #f1f5f9;border-top-right-radius:12px;border-bottom-right-radius:12px}.exp-table tfoot td{color:#0f1923;border-radius:12px;padding:16px 20px;font-size:13px;font-weight:700;background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=dark] .exp-table tfoot td{background:var(--surface,#1e293b)!important;color:var(--text-h,#f1f5f9)!important;border-color:var(--border,#334155)!important}.exp-title-cell{color:#0f1923;font-size:14px;font-weight:600}.exp-amount-cell{color:#0f1923;font-size:14px;font-weight:700}.exp-cat-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.cat-rent{color:#d97706;background:#fef3c7}.cat-utilities{color:#0d9488;background:#ccfbf1}.cat-maintenance{color:#dc2626;background:#fee2e2}.cat-other{color:#4a5568;background:#e2e8f0}.cat-salary{color:#2563eb;background:#dbeafe}.cat-inventory{color:#7c3aed;background:#ede9fe}.exp-actions{gap:6px;display:flex}.exp-edit-btn{color:#0d9488;cursor:pointer;background:#ccfbf1;border:1px solid #a7f3d0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.exp-delete-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.exp-form-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px;display:flex}.exp-back-arrow-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;display:flex}[data-theme=dark] .exp-back-arrow-btn{color:var(--acc,#3b82f6)}.exp-form-header h2{color:#0f1923;margin:0;font-size:24px;font-weight:700}[data-theme=dark] .exp-form-header h2{color:var(--text-h,#f1f5f9)}.exp-form-master-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=960px){.exp-form-master-grid{grid-template-columns:1fr}}.exp-form-input-card{background:#fff;border:1px solid #e8ecf4;border-radius:14px;padding:30px;box-shadow:0 4px 15px #00000008}[data-theme=dark] .exp-form-input-card{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important}.exp-form-sec-title{color:#0f1923;border-bottom:1px solid #e8ecf4;margin:0 0 20px;padding-bottom:10px;font-size:16px;font-weight:700}[data-theme=dark] .exp-form-sec-title{color:var(--text-h,#f1f5f9);border-color:var(--border,#334155)}.exp-form-vertical-stack{flex-direction:column;gap:18px;display:flex}.exp-field-group{flex-direction:column;gap:6px;display:flex}.exp-field-group label{color:#4a5568;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}[data-theme=dark] .exp-field-group label{color:var(--text-b,#94a3b8)}.exp-form-row-split{grid-template-columns:1fr 1fr;gap:16px;display:grid}.exp-field-group input,.exp-field-group select,.exp-field-group textarea{color:#0f1923;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.exp-field-group input:focus,.exp-field-group select:focus,.exp-field-group textarea:focus{background:#fff;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}[data-theme=dark] .exp-field-group input,[data-theme=dark] .exp-field-group select,[data-theme=dark] .exp-field-group textarea{background:var(--input-bg,#253347)!important;border-color:var(--border,#334155)!important;color:var(--text-h,#f1f5f9)!important}[data-theme=dark] .exp-field-group input:focus,[data-theme=dark] .exp-field-group select:focus,[data-theme=dark] .exp-field-group textarea:focus{background:var(--input-bg-focus,#2d3f55)!important;border-color:var(--acc,#3b82f6)!important}.exp-input-hint{color:#94a3b8;margin-top:2px;font-size:11px}.exp-form-actions-bar{border-top:1px solid #e8ecf4;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;display:flex}[data-theme=dark] .exp-form-actions-bar{border-color:var(--border,#334155)}.exp-form-submit-btn{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:background .2s}.exp-form-submit-btn:hover{background:#0b8278}.exp-form-cancel-btn{color:#4a5568;cursor:pointer;background:#eef2f7;border:1px solid #e2e8f0;border-radius:8px;padding:12px 24px;font-weight:600}.exp-form-cancel-btn:hover{background:#e2e8f0}[data-theme=dark] .exp-form-cancel-btn{background:var(--surface2,#253347)!important;color:var(--text-b,#94a3b8)!important;border-color:var(--border,#334155)!important}.exp-form-preview-card{background:#fff;border:1px solid #e8ecf4;border-radius:14px;flex-direction:column;min-height:420px;padding:30px;display:flex;position:relative;box-shadow:0 10px 30px #0f19230d}[data-theme=dark] .exp-form-preview-card{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important}.exp-voucher-border-top{background:linear-gradient(90deg,#0d9488,#2563eb);border-top-left-radius:14px;border-top-right-radius:14px;height:6px;position:absolute;top:0;left:0;right:0}.exp-voucher-brand{color:#0f1923;letter-spacing:1px;font-size:14px;font-weight:800}[data-theme=dark] .exp-voucher-brand{color:var(--text-h)}.exp-voucher-tag{color:#94a3b8;margin-top:2px;font-size:10px;font-weight:700}.exp-voucher-divider{border-bottom:2px dashed #e2e8f0;height:1px;margin:18px 0}[data-theme=dark] .exp-voucher-divider{border-bottom-color:var(--border,#334155)}.exp-voucher-meta-row{color:#4a5568;justify-content:space-between;font-size:12px;display:flex}[data-theme=dark] .exp-voucher-meta-row{color:var(--text-b)}.exp-v-badge{color:#dc2626;text-transform:uppercase;background:#fee2e2;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.exp-v-data-block{text-align:left;margin-bottom:16px}.exp-v-label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.exp-v-value-cat{color:#2563eb;font-size:13px;font-weight:700}.exp-v-value-text{color:#0f1923;font-size:14px;font-weight:600}[data-theme=dark] .exp-v-value-text{color:var(--text-h)}.exp-v-value-note{color:#4a5568;font-size:12px;font-style:italic;line-height:1.4}[data-theme=dark] .exp-v-value-note{color:var(--text-m)}.exp-voucher-total-row{justify-content:space-between;align-items:center;padding-top:10px;display:flex}.exp-voucher-total-row span:first-child{color:#94a3b8;font-size:11px;font-weight:700}.exp-v-price{color:#16a34a;font-size:22px;font-weight:800}.exp-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;background:#0f192373;position:fixed;inset:0}.exp-confirm-modal{z-index:1000;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:340px;padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 48px #00000024}[data-theme=dark] .exp-confirm-modal{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important}.exp-confirm-modal h3{color:#0f1923;margin-bottom:8px;font-size:16px;font-weight:700}[data-theme=dark] .exp-confirm-modal h3{color:var(--text-h,#f1f5f9)!important}.exp-confirm-modal p{color:#94a3b8;margin-bottom:20px;font-size:13px}.exp-confirm-actions{gap:10px;display:flex}@media print{body,.exp-container{color:#000!important;background:#fff!important;margin:0!important;padding:0!important;font-size:11pt!important}.no-print-hide,.exp-tabs,.exp-filter-row,.exp-actions,.exp-month-bar{display:none!important}.print-report-header{text-align:center;border-bottom:2px dashed #000;margin-bottom:30px;padding-bottom:15px;display:block!important}.print-report-header h1{color:#000;letter-spacing:1px;margin:0;font-size:22pt;font-weight:800}.print-report-header h3{color:#444;text-transform:uppercase;margin:5px 0;font-size:13pt;font-weight:600}.print-report-meta{color:#555;margin-top:8px;font-size:10pt}.exp-section-block{page-break-inside:avoid;opacity:1!important;visibility:visible!important;margin-bottom:35px!important;display:block!important}.exp-section-title{color:#000!important;text-transform:uppercase!important;border-bottom:1.5px solid #000!important;margin-top:20px!important;margin-bottom:15px!important;padding-bottom:5px!important;font-size:12pt!important;font-weight:700!important;display:block!important}.exp-summary-cards{grid-template-columns:repeat(3,1fr)!important;gap:15px!important;margin-bottom:30px!important;display:grid!important}.exp-card{box-shadow:none!important;background:#fff!important;border:1px solid #000!important;border-radius:6px!important;padding:12px!important}.exp-card-value{color:#000!important;font-size:16pt!important}.exp-table-wrap{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.exp-table{border-spacing:0!important;border-collapse:collapse!important}.exp-table thead tr{background-color:#f2f2f2!important}.exp-table th{color:#000!important;border:1px solid #000!important;padding:8px 10px!important;font-size:10pt!important}.exp-table tbody tr{box-shadow:none!important;background-color:#fff!important;transform:none!important}.exp-table td{color:#000!important;border:1px solid #000!important;border-radius:0!important;padding:8px 10px!important;font-size:10pt!important}.exp-table td:first-child,.exp-table td:last-child{border-left:1px solid #000!important;border-right:1px solid #000!important;border-radius:0!important}.exp-cat-badge{color:#000!important;background:0 0!important;padding:0!important;font-weight:700!important}}@media (width<=992px){.exp-container{padding:18px}.exp-summary-cards,.exp-overview-grid{grid-template-columns:repeat(2,1fr)}.exp-exp-summary-row{grid-template-columns:1fr 1fr}}@media (width<=768px){.exp-container{padding:14px 12px}.exp-header{flex-wrap:wrap;gap:10px}.exp-header-actions{gap:8px;width:100%;display:flex}.exp-add-btn,.exp-print-btn{flex:1;justify-content:center}.exp-summary-cards,.exp-overview-grid,.exp-exp-summary-row{grid-template-columns:1fr}.exp-month-bar{flex-wrap:wrap;gap:8px}.exp-month-label{min-width:auto}.exp-tabs{flex-wrap:nowrap;width:100%;overflow-x:auto}.exp-tab{white-space:nowrap;flex-shrink:0}.exp-table-wrap{-webkit-overflow-scrolling:touch;padding:12px;overflow-x:auto}.exp-table{min-width:600px}.exp-breakdown-row{flex-wrap:wrap;gap:6px}.exp-breakdown-bar-track{order:5;min-width:100%}.exp-form-master-grid,.exp-form-row-split{grid-template-columns:1fr}.exp-form-actions-bar{flex-direction:column-reverse;gap:8px}.exp-form-submit-btn,.exp-form-cancel-btn{text-align:center;width:100%}.exp-confirm-modal{width:calc(100vw - 32px)}}@media (width<=480px){.exp-container{padding:10px 8px}.exp-card{padding:14px 16px}.exp-card-value{font-size:20px}.exp-filter-row{gap:6px}.exp-filter-btn{padding:5px 10px;font-size:11px}.exp-breakdown-cat{min-width:80px}.exp-breakdown-amt{min-width:90px}}.fr-container{background:#eef7ff;min-height:100vh;padding:28px 32px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;transition:background .3s,color .3s}[data-theme=dark] .fr-container{background:var(--bg,#0f172a)!important;color:var(--text-h,#f1f5f9)!important}.fr-state-screen{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:60vh;font-size:14px;display:flex}[data-theme=dark] .fr-state-screen{color:var(--text-m,#64748b)}.fr-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite fr-spin}@keyframes fr-spin{to{transform:rotate(360deg)}}.fr-error-screen{color:#ef4444}.fr-error-icon{color:#ef4444;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:900;display:flex}.fr-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.fr-header-left h2{color:#0f172a;margin:0 0 4px;font-size:22px;font-weight:700}[data-theme=dark] .fr-header-left h2{color:var(--text-h,#f1f5f9)}.fr-subtitle{color:#94a3b8;margin:0;font-size:13px}[data-theme=dark] .fr-subtitle{color:var(--text-m,#64748b)}.fr-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fr-month-nav{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=dark] .fr-month-nav{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important}.fr-nav-btn{cursor:pointer;color:#2563eb;background:0 0;border:none;padding:8px 14px;font-size:16px;font-weight:700;transition:background .15s}[data-theme=dark] .fr-nav-btn{color:var(--acc,#3b82f6)}.fr-nav-btn:hover:not(:disabled){background:#eff6ff}[data-theme=dark] .fr-nav-btn:hover:not(:disabled){background:var(--surface2,#253347)}.fr-nav-btn:disabled{color:#cbd5e1;cursor:not-allowed}.fr-month-label{color:#1e293b;white-space:nowrap;text-align:center;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;min-width:130px;padding:8px 14px;font-size:13px;font-weight:600}[data-theme=dark] .fr-month-label{color:var(--text-h,#f1f5f9);border-color:var(--border,#334155)}.fr-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.fr-btn-primary{color:#fff;background:#2563eb}.fr-btn-ghost{color:#475569;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000d}[data-theme=dark] .fr-btn-ghost{background:var(--surface,#1e293b);border-color:var(--border,#334155);color:var(--text-b,#94a3b8)}[data-theme=dark] .fr-btn-ghost:hover{background:var(--surface2,#253347);color:var(--text-h)}.fr-kpi-grid{grid-template-columns:var(--fr-kpi-cols,repeat(4, 1fr));gap:16px;margin-bottom:22px;display:grid}.fr-kpi{background:#fff;border-left:5px solid #0000;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 12px #0f172a0f}.fr-kpi:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a1a}[data-theme=dark] .fr-kpi{background:var(--surface,#1e293b)!important;box-shadow:var(--shadow-sm)!important}.fr-kpi-income{border-left-color:#10b981}.fr-kpi-expense{border-left-color:#f43f5e}.fr-kpi-profit{border-left-color:#3b82f6}.fr-kpi-loss{border-left-color:#f43f5e}.fr-kpi-best{border-left-color:#f59e0b}.fr-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:900;display:flex}.fr-kpi-income .fr-kpi-icon{color:#059669;background:#d1fae5}.fr-kpi-expense .fr-kpi-icon{color:#e11d48;background:#ffe4e6}.fr-kpi-profit .fr-kpi-icon{color:#2563eb;background:#dbeafe}.fr-kpi-loss .fr-kpi-icon{color:#e11d48;background:#ffe4e6}.fr-kpi-best .fr-kpi-icon{color:#d97706;background:#fef3c7}[data-theme=dark] .fr-kpi-income .fr-kpi-icon{color:#34d399;background:#042f1a}[data-theme=dark] .fr-kpi-expense .fr-kpi-icon{color:#fb7185;background:#4c0519}[data-theme=dark] .fr-kpi-profit .fr-kpi-icon{color:#60a5fa;background:#1e3a8a}[data-theme=dark] .fr-kpi-best .fr-kpi-icon{color:#fbbf24;background:#451a03}.fr-kpi-body{text-align:left;flex-direction:column;gap:2px;display:flex}.fr-kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.fr-kpi-value{color:#0f172a;letter-spacing:-.3px;font-size:20px;font-weight:800}[data-theme=dark] .fr-kpi-value:not(.fr-kpi-income *):not(.fr-kpi-expense *):not(.fr-kpi-profit *){color:var(--text-h,#f1f5f9)}.fr-kpi-income .fr-kpi-value{color:#059669}[data-theme=dark] .fr-kpi-income .fr-kpi-value{color:#34d399}.fr-kpi-expense .fr-kpi-value{color:#e11d48}[data-theme=dark] .fr-kpi-expense .fr-kpi-value{color:#fb7185}.fr-kpi-profit .fr-kpi-value{color:#2563eb}[data-theme=dark] .fr-kpi-profit .fr-kpi-value{color:#60a5fa}.fr-kpi-sub{color:#94a3b8;font-size:11px}.fr-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:4px;width:fit-content;margin-bottom:18px;padding:6px;display:flex;box-shadow:0 1px 6px #0f172a0d}[data-theme=dark] .fr-tabs{background:var(--surface,#1e293b);border-color:var(--border,#334155)}.fr-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:600;display:flex}.fr-tab:hover{color:#1e293b;background:#f8fafc}[data-theme=dark] .fr-tab:hover{background:var(--surface2,#253347);color:var(--text-h)}.fr-tab-active{color:#fff;background:#2563eb}[data-theme=dark] .fr-tab-active{background:var(--acc,#3b82f6);color:#fff}.fr-tab-badge{color:#fff;background:#2563eb;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:800}.fr-tab-active .fr-tab-badge{color:#fff;background:#ffffff40}.fr-chart-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:18px;padding:24px;box-shadow:0 2px 12px #0f172a0f}[data-theme=dark] .fr-chart-card{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important}.fr-chart-header{text-align:left;margin-bottom:18px}.fr-chart-header h3{color:#0f172a;margin:0 0 3px;font-size:15px;font-weight:700}[data-theme=dark] .fr-chart-header h3{color:var(--text-h,#f1f5f9)}.fr-chart-sub{color:#94a3b8;font-size:12px}.fr-charts-row{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.fr-donut-wrap{align-items:center;gap:16px;display:flex}.fr-donut-legend{flex-direction:column;flex:1;gap:10px;display:flex}.fr-legend-row{align-items:center;gap:8px;display:flex}.fr-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.fr-legend-name{color:#475569;text-align:left;flex:1;font-size:12px}[data-theme=dark] .fr-legend-name{color:var(--text-b,#94a3b8)}.fr-legend-val{color:#0f172a;font-size:12px;font-weight:700}[data-theme=dark] .fr-legend-val{color:var(--text-h)}.fr-no-data{text-align:center;color:#cbd5e1;padding:50px 0;font-size:14px}.fr-method-list{flex-direction:column;gap:14px;padding-top:4px;display:flex}.fr-method-row{align-items:center;gap:12px;display:flex}.fr-method-left{align-items:center;gap:8px;min-width:80px;display:flex}.fr-method-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.fr-method-name{color:#334155;font-size:13px;font-weight:600}[data-theme=dark] .fr-method-name{color:var(--text-h)}.fr-method-right{flex:1;align-items:center;gap:10px;display:flex}.fr-method-bar-wrap{background:#f1f5f9;border-radius:20px;flex:1;height:8px;overflow:hidden}[data-theme=dark] .fr-method-bar-wrap{background:var(--border,#334155)}.fr-method-bar{border-radius:20px;height:100%;transition:width .4s}.fr-method-val{color:#0f172a;white-space:nowrap;font-size:12px;font-weight:700}[data-theme=dark] .fr-method-val{color:var(--text-h)}.fr-exp-summary-row{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.fr-exp-pill{text-align:left;border-radius:14px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.fr-exp-pill-salary{background:#dbeafe}.fr-exp-pill-inv{background:#fef3c7}.fr-exp-pill-other{background:#f3e8ff}[data-theme=dark] .fr-exp-pill-salary{background:#1e3a8a!important}[data-theme=dark] .fr-exp-pill-inv{background:#451a03!important}[data-theme=dark] .fr-exp-pill-other{background:#3b0764!important}.fr-exp-pill-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}[data-theme=dark] .fr-exp-pill-label{color:var(--text-m,#64748b)}.fr-exp-pill-val{color:#0f172a;font-size:20px;font-weight:800}.fr-exp-pill-salary .fr-exp-pill-val{color:#1d4ed8}[data-theme=dark] .fr-exp-pill-salary .fr-exp-pill-val{color:#60a5fa}.fr-exp-pill-inv .fr-exp-pill-val{color:#d97706}[data-theme=dark] .fr-exp-pill-inv .fr-exp-pill-val{color:#fbbf24}.fr-exp-pill-other .fr-exp-pill-val{color:#7c3aed}[data-theme=dark] .fr-exp-pill-other .fr-exp-pill-val{color:#c084fc}.fr-salary-kpi-row{gap:16px;margin-bottom:20px;display:flex}.fr-salary-kpi{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;gap:4px;padding:14px 20px;display:flex}[data-theme=dark] .fr-salary-kpi{background:var(--surface2,#253347);border-color:var(--border,#334155)}.fr-salary-kpi span{color:#94a3b8;font-size:12px;font-weight:600}.fr-salary-kpi strong{color:#0f172a;font-size:20px;font-weight:800}[data-theme=dark] .fr-salary-kpi strong{color:var(--text-h)}.fr-table-container{background:#fafafa;border:1px solid #e8ecf4;border-radius:16px;padding:18px;overflow:hidden;box-shadow:0 2px 12px #0f172a0d}[data-theme=dark] .fr-table-container{background:var(--surface,#1e293b)!important;border-color:var(--border,#334155)!important;box-shadow:var(--shadow-sm)!important}.fr-table-grid-header{color:#0f172a;letter-spacing:.07em;text-transform:uppercase;text-align:left;background-color:#dce6f0;border-bottom:1px solid #e8ecf4;align-items:center;margin-bottom:10px;padding:10px 25px;font-size:12px;font-weight:700;display:grid}[data-theme=dark] .fr-table-grid-header{color:var(--text-h)!important;border-color:var(--border,#334155)!important;background-color:#263f63!important}.fr-cards-list{margin:0;padding:0}.fr-row-card{text-align:left;background-color:#fff;border:2px solid #fff;border-bottom:1px solid #f1f5f9;border-radius:15px;align-items:center;margin-bottom:12px;padding:12px 25px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 4px 15px #00000008}[data-theme=dark] .fr-row-card{background-color:var(--surface2,#253347)!important;border-color:var(--surface2,#253347)!important}.fr-row-card:hover{background:#f8fbff;transform:translateY(-3px);box-shadow:0 10px 25px #0000000f}[data-theme=dark] .fr-row-card:hover{background-color:var(--input-bg-focus,#2d3f55)!important}.fr-grid-overview{grid-template-columns:80px 1.2fr 1fr 1fr 1.2fr 100px;gap:15px}.fr-grid-expenses{grid-template-columns:60px 1.5fr 1.2fr 1.2fr 1.5fr;gap:15px}.fr-grid-salary{grid-template-columns:60px 1.5fr 1.5fr 1.2fr 120px;gap:15px}.fr-grid-inventory{grid-template-columns:60px 1.5fr 1.2fr 1fr 1fr 120px;gap:15px}.fr-serial{color:#94a3b8;font-size:12px;font-weight:600}.fr-month-cell{color:#0f172a;font-size:14px;font-weight:600}[data-theme=dark] .fr-month-cell{color:var(--text-h,#f1f5f9)}.fr-income-cell{color:#059669;font-weight:700}[data-theme=dark] .fr-income-cell{color:#34d399}.fr-expense-cell{color:#e11d48;font-weight:700}[data-theme=dark] .fr-expense-cell{color:#fb7185}.fr-profit-cell{color:#2563eb;font-weight:800}[data-theme=dark] .fr-profit-cell{color:#60a5fa}.fr-loss-cell{color:#e11d48;font-weight:800}[data-theme=dark] .fr-loss-cell{color:#fb7185}.fr-badge{text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.fr-badge-profit{color:#065f46;background:#d1fae5}.fr-badge-loss{color:#991b1b;background:#fee2e2}.fr-badge-neutral{color:#475569;background:#f1f5f9}[data-theme=dark] .fr-badge-neutral{background:var(--surface,#1e293b);color:var(--text-h)}.fr-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;box-shadow:0 6px 20px #0f172a1f}[data-theme=dark] .fr-tooltip{background:var(--surface,#1e293b);border-color:var(--border,#334155)}.fr-tooltip-label{color:#475569;margin-bottom:6px;font-size:12px;font-weight:700}[data-theme=dark] .fr-tooltip-label{color:var(--text-h)}.fr-tooltip-row{margin:2px 0;font-size:12px;font-weight:600}.print-only{display:none}@media print{body,.fr-container{color:#000!important;background:#fff!important;margin:0!important;padding:0!important;font-size:11pt!important}.no-print,.fr-tabs,.fr-header,.fr-month-nav{display:none!important}.print-only{display:block!important}.fr-container:before{content:"DENTISTREE CLINICAL MANAGEMENT AUDIT";text-align:center;letter-spacing:1px;color:#000;margin-bottom:4px;font-size:20pt;font-weight:800;display:block}.fr-container:after{content:"System Statement Ledger Balance Sheet - Confidential Internal Use Only";text-align:center;color:#555;border-top:1px solid #000;margin-top:30px;padding-top:8px;font-size:9pt;display:block}.fr-kpi-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-bottom:25px!important;display:grid!important}.fr-kpi{box-shadow:none!important;background:#fff!important;border:1px solid #000!important;border-radius:6px!important;padding:10px!important}.fr-kpi-value{color:#000!important;font-size:14pt!important}.fr-chart-card{page-break-inside:avoid;box-shadow:none!important;border:none!important;margin-bottom:30px!important;padding:0!important;display:block!important}.fr-chart-header h3{text-transform:uppercase!important;color:#000!important;border-bottom:1.5px solid #000!important;padding-bottom:4px!important;font-size:12pt!important}.fr-charts-row{flex-direction:column!important;gap:20px!important;display:flex!important}.recharts-responsive-container{display:none!important}.fr-donut-wrap{padding:10px 0}.fr-legend-row{border-bottom:1px dashed #ccc;padding:4px 0}.fr-table-container{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.fr-table-grid-header{color:#000!important;background-color:#e5e5e5!important;font-weight:700!important;display:table-row!important}.fr-table-grid-header span{border:1px solid #000!important;padding:8px 12px!important;font-size:10pt!important;display:table-cell!important}.fr-cards-list{display:table-row-group!important}.fr-row-card{box-shadow:none!important;background-color:#fff!important;display:table-row!important;transform:none!important}.fr-row-card>div{color:#000!important;background:0 0!important;border:1px solid #000!important;padding:8px 12px!important;font-size:10pt!important;display:table-cell!important}.fr-row-card>div:last-child{text-align:left!important}.fr-badge{color:#000!important;background:0 0!important;padding:0!important;font-weight:700!important}}[data-theme=dark] .fr-btn-ghost{color:#fff!important;background:#2856a1!important}@media (width<=1100px){.fr-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.fr-container{padding:18px}.fr-charts-row{grid-template-columns:1fr}.fr-kpi-grid{grid-template-columns:repeat(2,1fr)}.fr-exp-summary-row{grid-template-columns:1fr 1fr}.fr-grid-overview{grid-template-columns:60px 1fr 1fr 1fr 1fr 90px;gap:10px}.fr-grid-expenses{grid-template-columns:50px 1.2fr 1fr 1fr 1fr;gap:10px}.fr-grid-salary{grid-template-columns:50px 1.2fr 1.2fr 1fr 100px;gap:10px}.fr-grid-inventory{grid-template-columns:50px 1.2fr 1fr .8fr .8fr 100px;gap:10px}}@media (width<=768px){.fr-container{padding:14px 12px}.fr-header{flex-direction:column;align-items:flex-start;gap:12px}.fr-header-right{flex-wrap:wrap;gap:8px;width:100%}.fr-month-nav{flex:1}.fr-btn{text-align:center;flex:1}.fr-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.fr-kpi{gap:10px;padding:14px}.fr-kpi-icon{width:36px;height:36px;font-size:15px}.fr-kpi-value{font-size:16px}.fr-tabs{flex-wrap:nowrap;width:100%;overflow-x:auto}.fr-tab{white-space:nowrap;flex-shrink:0;padding:6px 12px}.fr-exp-summary-row{grid-template-columns:1fr}.fr-salary-kpi-row{flex-direction:column;gap:10px}.fr-donut-wrap{flex-direction:column;align-items:flex-start}.fr-table-grid-header{display:none}.fr-grid-overview,.fr-grid-expenses,.fr-grid-salary,.fr-grid-inventory{grid-template-columns:1fr 1fr;gap:8px}.fr-row-card{border-radius:12px;padding:12px 14px}.fr-serial{font-size:11px}.fr-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=480px){.fr-container{padding:10px 8px}.fr-kpi-grid{grid-template-columns:1fr}.fr-kpi{border-left-width:4px}.fr-grid-overview,.fr-grid-expenses,.fr-grid-salary,.fr-grid-inventory{grid-template-columns:1fr;gap:4px}.fr-row-card{margin-bottom:8px;padding:10px 12px}.fr-chart-card{padding:16px}.fr-exp-pill{padding:12px 14px}.fr-exp-pill-val{font-size:16px}}.appointments-page{background:#f0f4ff;min-height:100vh;padding:28px 32px;font-family:DM Sans,sans-serif}.header-section{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.main-title{color:#0f172a;margin:0;font-size:22px;font-weight:700}.srv-count{color:#94a3b8;margin:4px 0 0;font-size:13px}.srv-breadcrumb{align-items:center;gap:8px;margin-bottom:6px;display:flex}.srv-bc-sep{color:#cbd5e1;font-size:14px}.srv-bc-cur{color:#94a3b8;font-size:13px}.srv-back-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:opacity .15s;display:flex}.srv-back-btn:hover{opacity:.75}.addd-btn{cursor:pointer;color:#fff;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.addd-btn:hover{opacity:.9}.tablecontainer{background:#fafafa;border:1px solid #e8ecf4;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0f172a0d}.gi-table-header-grid{color:#0f172a;letter-spacing:.07em;text-transform:uppercase;background-color:#dce6f0;border-bottom:1px solid #e8ecf4;grid-template-columns:70px .5fr 1.2fr 180px 120px;align-items:center;margin-bottom:10px;padding:10px 25px;font-size:12px;font-weight:700;display:grid}.cards-list{padding:0}.gi-row-card{cursor:pointer;background-color:#fff;border:2px solid #fff;border-bottom:1px solid #f1f5f9;border-radius:15px;grid-template-columns:70px 1fr 1fr 130px 120px;align-items:center;gap:15px;margin-bottom:15px;padding:10px 25px;transition:background .3s;display:grid;box-shadow:0 4px 15px #00000008}.gi-row-card:last-child{border-bottom:none}.gi-row-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000000f}.gi-col-thumb{align-items:center;display:flex;position:relative}.gi-row-thumb{object-fit:cover;border:1px solid #e8ecf4;border-radius:10px;width:44px;height:44px;display:block}.gi-thumb-video{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.gi-has-video-badge{color:#fff;background:#2563eb;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex;position:absolute;bottom:-4px;right:-4px}.srv-avatar-fb{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:10px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.col-patient{align-items:center;gap:12px;display:flex}.col-contact{flex-direction:column;gap:2px;display:flex}.col-service{align-items:center;padding-right:12px;display:flex;overflow:hidden}.col-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.patient-text{flex-direction:column;gap:4px;display:flex}.p-name{color:#0f172a;font-size:14px;font-weight:600}.p-sub{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.d-text{color:#334155;font-size:13px;font-weight:500}.service-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.srv-desc-clamp{-webkit-line-clamp:2;word-break:break-all;color:#64748b;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.btn-icon-round{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:all .15s;display:inline-flex}.btn-icon-round.view{color:#2563eb;background:#eff6ff}.btn-icon-round.view:hover{background:#dbeafe}.btn-icon-round.approve{color:#16a34a;background:#f0fdf4}.btn-icon-round.approve:hover{background:#dcfce7}.btn-icon-round.reject{color:#dc2626;background:#fef2f2}.btn-icon-round.reject:hover{background:#fee2e2}.srv-empty{color:#cbd5e1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:64px 20px;font-size:13px;display:flex}.srv-empty i{font-size:40px}.srv-empty p{color:#94a3b8;margin:0}.srv-unified-card{background:#fff;border:1px solid #e8ecf4;border-radius:20px;grid-template-columns:320px 1fr;align-items:stretch;display:grid;overflow:hidden;box-shadow:0 4px 32px #0f172a1a}.srv-card-img-panel{background:linear-gradient(160deg,#1e3a5f 0%,#2563eb 100%);flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:28px 24px;display:flex;position:relative;overflow:hidden}.srv-card-img-panel:before{content:"";pointer-events:none;z-index:0;background:#ffffff0f;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.srv-card-img-panel:after{content:"";pointer-events:none;z-index:0;background:#ffffff0d;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-40px;left:-40px}.srv-card-img-panel--edit{background:linear-gradient(160deg,#1a3354 0%,#1d4ed8 100%);justify-content:flex-start;min-height:360px;padding:28px 24px}.srv-card-img{object-fit:contain;object-position:center;z-index:1;border-radius:14px;width:100%;max-height:260px;display:block;position:relative}.srv-card-no-img{z-index:1;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.srv-card-avatar-lg{color:#fff;letter-spacing:-1px;background:#ffffff2e;border:2px solid #ffffff4d;border-radius:24px;justify-content:center;align-items:center;width:96px;height:96px;font-size:42px;font-weight:800;display:flex}.srv-card-no-img-label{color:#fff9;font-size:13px;font-weight:500}.srv-card-info-panel{flex-direction:column;min-width:0;padding:32px 32px 28px;display:flex;overflow:hidden}.srv-card-info-header{margin-bottom:20px}.srv-card-badge-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.srv-card-name{color:#0f172a;margin:0;font-size:22px;font-weight:800;line-height:1.25}.srv-card-meta{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.srv-card-meta-item{align-items:center;gap:12px;display:flex}.srv-card-meta-icon{color:#2563eb;background:#eff6ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.srv-card-meta-item .srv-field-lbl{margin-bottom:1px;display:block}.srv-card-meta-item .srv-field-val{display:block}.srv-card-divider{background:#f1f5f9;height:1px;margin-bottom:20px}.srv-card-desc-section{flex:1;min-width:0}.srv-card-desc-text{color:#475569;word-break:break-word;overflow-wrap:break-word;margin:0;font-size:14px;line-height:1.75}.srv-card-actions{border-top:1px solid #f1f5f9;gap:12px;margin-top:28px;padding-top:20px;display:flex}.srv-field-lbl{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;min-width:100px;font-size:11px;font-weight:600}.srv-field-val{color:#334155;font-size:14px;font-weight:500}.srv-section-lbl{color:#475569;align-items:center;gap:7px;margin:0 0 16px;font-size:13px;font-weight:600;display:flex}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.input-group input,.input-group select,.srv-textarea{color:#0f172a;box-sizing:border-box;resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border .15s,background .15s}.input-group input:focus,.input-group select:focus,.srv-textarea:focus{background:#fff;border-color:#2563eb}.srv-required{color:#ef4444}.srv-upload-zone{cursor:pointer;z-index:1;background:#ffffff1a;border:2px dashed #ffffff59;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:150px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.srv-upload-zone:hover{background:#ffffff29;border-color:#ffffffa6}.srv-upload-zone.has-preview{border-style:solid;border-color:#ffffff73;min-height:170px}.srv-upload-placeholder{pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.srv-upload-icon{color:#ffffffbf;font-size:30px}.srv-upload-label{color:#ffffffe6;font-size:13px;font-weight:500}.srv-upload-hint{color:#ffffff8c;font-size:11px}.srv-upload-preview{object-fit:contain;background:#0000001a;width:100%;height:170px;display:block}.srv-upload-overlay{opacity:0;color:#fff;background:#0f172a80;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:opacity .2s;display:flex;position:absolute;inset:0}.srv-upload-zone:hover .srv-upload-overlay{opacity:1}.srv-upload-overlay i{font-size:22px}.srv-clear-img{cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.srv-clear-img--dark{color:#fff;z-index:1;background:#ffffff24;border:1px solid #ffffff47;position:relative}.srv-clear-img--dark:hover{background:#ffffff38}.srv-img-tip{color:#94a3b8;z-index:1;margin:12px 0 0;font-size:12px;line-height:1.5;position:relative}.gi-media-uploader{z-index:1;flex-direction:column;gap:20px;width:100%;display:flex;position:relative}.gi-media-section{flex-direction:column;display:flex}.gi-video-zone{min-height:120px}.gi-video-zone.has-preview{min-height:140px}.gi-video-preview{object-fit:contain;background:#0003;width:100%;height:140px;display:block}.gi-detail-video{object-fit:contain;z-index:1;background:#000;border-radius:14px;width:100%;max-height:260px;display:block;position:relative}.gi-also-has-video{color:#fff;z-index:2;white-space:nowrap;background:#0f172ab3;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.gi-video-link{color:#2563eb;align-items:center;gap:5px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.gi-video-link:hover{text-decoration:underline}.modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 20px 60px #0f172a2e}.gi-del-modal{text-align:center;max-width:380px;padding:32px 28px 24px}.gi-del-icon-wrap{color:#dc2626;background:#fef2f2;border:2px solid #fecaca;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;display:flex}.gi-del-title{color:#0f172a;margin:0 0 10px;font-size:18px;font-weight:700}.gi-del-msg{color:#64748b;margin:0 0 20px;font-size:14px;line-height:1.6}.modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.srv-toast{z-index:2000;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;animation:.25s srv-fadein;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #0f172a1f}.srv-toast.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.srv-toast.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}@media (width<=900px){.srv-unified-card{grid-template-columns:1fr}.srv-card-img-panel{min-height:260px;max-height:300px}.srv-card-img-panel--edit{min-height:auto;max-height:none}.gi-table-header-grid{display:none}.gi-row-card{grid-template-rows:auto auto;grid-template-columns:56px 1fr auto}.gi-row-card .col-service{grid-column:2}.gi-row-card .col-service,.gi-row-card .col-contact{display:none}.gi-row-card .col-actions{grid-area:1/3}}@media (width<=768px){.appointments-page{padding:16px}.srv-card-info-panel{padding:24px 20px 20px}.srv-card-actions{flex-wrap:wrap}.srv-card-actions .add-btn{flex:1;justify-content:center}.header-section{flex-wrap:wrap;gap:12px}}@media (width<=480px){.appointments-page{padding:12px}.srv-unified-card{border-radius:14px}.srv-card-img-panel{min-height:200px;max-height:220px}.srv-card-info-panel{padding:16px 14px}.srv-card-name{font-size:18px}}[data-theme=dark] .appointments-page{background-color:#0f172a}[data-theme=dark] .tablecontainer{background-color:#1e293b;border-color:#334155}[data-theme=dark] .gi-table-header-grid{color:#94a3b8;border-bottom-color:#334155;background-color:#263f63!important}[data-theme=dark] .gi-row-card{background-color:#1e293b;border:1px solid #334155}[data-theme=dark] .gi-row-card:hover{background-color:#253347}[data-theme=dark] .main-title{color:#f1f5f9}[data-theme=dark] .srv-count{color:#64748b}[data-theme=dark] .p-name{color:#f1f5f9}[data-theme=dark] .p-sub{color:#64748b}[data-theme=dark] .d-text,[data-theme=dark] .srv-desc-clamp{color:#94a3b8}[data-theme=dark] .gi-thumb-video,[data-theme=dark] .srv-avatar-fb{color:#60a5fa;background:#1e3a5f}[data-theme=dark] .gi-has-video-badge{border-color:#1e293b!important}[data-theme=dark] .btn-icon-round.view{color:#60a5fa!important;background:#253347!important;border:none!important}[data-theme=dark] .btn-icon-round.view:hover{color:#3b82f6!important;background:#1e3a5f!important;border:none!important}[data-theme=dark] .btn-icon-round.approve{color:#4ade80!important;background:#162a24!important;border:none!important}[data-theme=dark] .btn-icon-round.approve:hover{background:#143828!important;border:none!important}[data-theme=dark] .btn-icon-round.reject{color:#f87171!important;background:#2d0d0d!important;border:none!important}[data-theme=dark] .btn-icon-round.reject:hover{background:#421212!important;border:none!important}[data-theme=dark] .srv-unified-card{background:#1e293b;border-color:#334155}[data-theme=dark] .srv-card-info-panel{background:#1e293b}[data-theme=dark] .srv-card-name{color:#f1f5f9}[data-theme=dark] .srv-card-meta-icon{color:#60a5fa;background:#253347}[data-theme=dark] .srv-field-lbl{color:#64748b}[data-theme=dark] .srv-field-val{color:#f1f5f9}[data-theme=dark] .gi-video-link{color:#60a5fa}[data-theme=dark] .srv-card-divider{background:#334155}[data-theme=dark] .srv-card-desc-text,[data-theme=dark] .input-group label{color:#94a3b8}[data-theme=dark] .input-group input,[data-theme=dark] .input-group select,[data-theme=dark] .srv-textarea{color:#f1f5f9;background:#253347;border-color:#334155}[data-theme=dark] .input-group input:focus,[data-theme=dark] .input-group select:focus,[data-theme=dark] .srv-textarea:focus{background:#2c3f55;border-color:#3b82f6}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .modal-card{background:#1e293b;border:1px solid #334155}[data-theme=dark] .gi-del-title{color:#f1f5f9}[data-theme=dark] .gi-del-msg{color:#94a3b8}[data-theme=dark] .modal-footer{border-top-color:#334155}[data-theme=dark] .srv-empty{color:#475569}[data-theme=dark] .addd-btn{color:#fff;border:1px solid #fff;background:#2856a1!important}.st-root{--acc:#2563eb;--acc-l:#eff6ff;--acc-m:#bfdbfe;--acc-d:#1d4ed8;--bg:#f4f7fd;--surface:#fff;--border:#e8edf5;--th:#0f172a;--tb:#475569;--tm:#94a3b8;--font:"Outfit", sans-serif;--r:12px;--r-sm:8px;--r-xs:6px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;font-family:var(--font);background:var(--bg);color:var(--th);min-height:100%;padding-bottom:48px}.st-root *{box-sizing:border-box;margin:0;padding:0}.st-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 32px 0;display:flex}.st-page-title{color:var(--th);font-size:22px;font-weight:700;line-height:1.2}.st-page-sub{color:var(--tm);margin-top:3px;font-size:13px}.st-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.st-toast-area{min-height:0;padding:12px 32px 0}.st-toast{border-radius:var(--r-sm);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:500;animation:.25s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.st-toast-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.st-toast-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.st-toast-icon{flex-shrink:0;align-items:center;display:flex}.st-toast-icon svg{width:17px;height:17px}.st-toast-msg{flex:1}.st-toast-close{cursor:pointer;color:inherit;opacity:.55;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:13px;transition:opacity .15s}.st-toast-close:hover{opacity:1}.st-tab-nav{border-bottom:1px solid var(--border);scrollbar-width:none;align-items:center;gap:6px;padding:20px 32px 0;display:flex;overflow-x:auto}.st-tab-nav::-webkit-scrollbar{display:none}.st-tab-pill{cursor:pointer;font-family:var(--font);color:var(--tb);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex-shrink:0;align-items:center;gap:7px;margin-bottom:-1px;padding:9px 16px 11px;font-size:13.5px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.st-tab-pill-icon{width:16px;height:16px;color:var(--tm);align-items:center;transition:color .15s;display:flex}.st-tab-pill-icon svg{width:16px;height:16px}.st-tab-pill:hover{color:var(--th)}.st-tab-pill:hover .st-tab-pill-icon{color:var(--acc)}.st-tab-pill.active{color:var(--acc);border-color:var(--acc);font-weight:600}.st-tab-pill.active .st-tab-pill-icon{color:var(--acc)}.st-tab-body{flex-direction:column;gap:20px;max-width:860px;padding:24px 32px;display:flex}.st-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:24px}.st-card-danger{background:snow;border-color:#fecaca}.st-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.st-section-label{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;margin-bottom:22px;padding-bottom:18px;display:flex}.st-section-icon{border-radius:var(--r-sm);background:var(--acc-l);width:36px;height:36px;color:var(--acc);flex-shrink:0;justify-content:center;align-items:center;display:flex}.st-section-icon svg{width:18px;height:18px}.st-section-title{color:var(--th);margin-bottom:3px;font-size:15px;font-weight:700}.st-section-sub{color:var(--tm);font-size:13px}.st-divider{background:var(--border);height:1px;margin:20px 0}.st-photo-row{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.st-avatar-lg{border:3px solid var(--acc-m);cursor:pointer;background:linear-gradient(135deg,#dbeafe,#93c5fd);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.st-avatar-lg:hover{border-color:var(--acc);box-shadow:0 0 0 4px #2563eb1f}.st-avatar-lg:hover .st-avatar-overlay{opacity:1}.st-avatar-lg img{object-fit:cover;border-radius:50%;width:100%;height:100%}.st-avatar-initials{color:#1d4ed8;font-size:30px;font-weight:700}.st-avatar-overlay{opacity:0;color:#fff;background:#0f172a8c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:absolute;inset:0}.st-avatar-overlay svg{width:20px;height:20px}.st-avatar-overlay-text{letter-spacing:.3px;font-size:10px;font-weight:600}.st-photo-name{color:var(--th);margin-bottom:3px;font-size:16px;font-weight:700}.st-photo-role{color:var(--tm);margin-bottom:12px;font-size:13px}.st-photo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.st-form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.st-field{flex-direction:column;gap:6px;display:flex}.st-field label{color:var(--tm);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:700}.req{color:#ef4444;margin-left:2px}.st-field input,.st-field select,.st-field textarea{border:1.5px solid var(--border);border-radius:var(--r-sm);font-family:var(--font);color:var(--th);background:var(--bg);outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.st-field input:hover{border-color:#c8d6e5}.st-field input:focus,.st-field select:focus{border-color:var(--acc);background:var(--surface);box-shadow:0 0 0 3px #2563eb1a}.st-field input::placeholder{color:var(--tm);opacity:.7}.st-field input.field-error{border-color:#fca5a5}.field-hint{color:var(--tm);margin-top:2px;font-size:11.5px}.field-hint.error{color:#dc2626}.st-dirty-banner{border-radius:var(--r-sm);color:#92400e;background:#fffbeb;border:1px solid #fde68a;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding:12px 16px;font-size:13.5px;display:flex}.st-dirty-banner svg{flex-shrink:0;width:16px;height:16px}.st-dirty-actions{gap:8px;margin-left:auto;display:flex}.st-pwd-stack{flex-direction:column;gap:18px;display:flex}.st-pwd-wrap{position:relative}.st-pwd-wrap input{padding-right:44px}.st-eye-btn{cursor:pointer;color:var(--tm);background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.st-eye-btn:hover{color:var(--acc)}.st-eye-btn svg{width:18px;height:18px}.st-strength-wrap{align-items:center;gap:10px;margin-top:8px;display:flex}.st-strength-bar{background:var(--border);border-radius:99px;flex:1;height:5px;overflow:hidden}.st-strength-fill{border-radius:99px;height:100%;transition:width .3s,background .3s}.st-strength-label{white-space:nowrap;font-size:11.5px;font-weight:600}.st-match-label{margin-top:4px;font-size:12px;font-weight:600;display:block}.st-pwd-rules{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:16px;padding:14px 16px;display:grid}.st-pwd-rule{color:var(--tm);align-items:center;gap:8px;font-size:12.5px;transition:color .2s;display:flex}.st-pwd-rule.met{color:#15803d}.st-rule-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .2s}.st-pwd-rule.met .st-rule-dot{background:#16a34a}.st-toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.st-toggle-row.last{border-bottom:none;padding-bottom:0}.st-toggle-info{flex:1;min-width:0}.st-toggle-info strong{color:var(--th);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.st-toggle-info span{color:var(--tm);font-size:13px}.st-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.st-toggle input{opacity:0;width:0;height:0;position:absolute}.st-slider{cursor:pointer;background:#cbd5e1;border-radius:99px;transition:background .25s;position:absolute;inset:0}.st-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000038}.st-toggle input:checked+.st-slider{background:var(--acc)}.st-toggle input:checked+.st-slider:before{transform:translate(20px)}.st-theme-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:4px;display:grid}.st-theme-card{border:2px solid var(--border);border-radius:var(--r);cursor:pointer;transition:border-color .2s,box-shadow .2s;overflow:hidden}.st-theme-card:hover{border-color:var(--acc-m);box-shadow:var(--shadow-sm)}.st-theme-card.active{border-color:var(--acc);box-shadow:0 0 0 3px #2563eb1f}.st-theme-preview{height:90px;display:flex;overflow:hidden}.st-theme-preview-light{background:#f4f7fd}.st-theme-preview-dark{background:#0f172a}.tpv-sidebar{background:#fff;border-right:1px solid #e8edf5;flex-shrink:0;width:40px;height:100%}.tpv-sidebar.dark{background:#1e293b;border-color:#334155}.tpv-body{flex-direction:column;flex:1;gap:6px;padding:10px 8px;display:flex}.tpv-bar{background:#e8edf5;border-radius:3px;height:8px}.tpv-bar.dark{background:#334155}.tpv-card{background:#fff;border:1px solid #e8edf5;border-radius:4px;height:22px}.tpv-card.dark{background:#1e293b;border-color:#334155}.tpv-card-short{width:70%}.st-theme-footer{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.st-theme-icon-wrap{border-radius:var(--r-xs);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.st-theme-icon-wrap.light{color:#ca8a04;background:#fef9c3}.st-theme-icon-wrap.dark{color:#94a3b8;background:#1e293b}.st-theme-icon-wrap svg{width:15px;height:15px}.st-theme-name{color:var(--th);font-size:13px;font-weight:600}.st-theme-desc{color:var(--tm);margin-top:1px;font-size:11.5px}.st-theme-check{background:var(--acc);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.st-danger-title{color:#dc2626;margin-bottom:4px;font-size:15px;font-weight:700}.st-danger-row{border-bottom:1px solid #fecaca;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.st-danger-label{color:var(--th);margin-bottom:3px;font-size:14px;font-weight:600}.st-danger-sub{color:var(--tm);font-size:12.5px}.st-btn{border-radius:var(--r-sm);cursor:pointer;font-family:var(--font);white-space:nowrap;border:none;align-items:center;gap:7px;padding:10px 20px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.st-btn svg{width:15px;height:15px}.st-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none!important;transform:none!important}.st-btn-primary{background:var(--acc);color:#fff}.st-btn-primary:hover:not(:disabled){background:var(--acc-d);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb47}.st-btn-outline{background:var(--surface);color:var(--tb);border:1.5px solid var(--border)}.st-btn-outline:hover:not(:disabled){background:var(--bg);border-color:#c8d6e5}.st-btn-ghost{color:var(--tb);background:0 0;border:1.5px solid #0000}.st-btn-ghost:hover:not(:disabled){background:var(--bg);border-color:var(--border)}.st-btn-danger{color:#dc2626;background:0 0;border:1.5px solid #fecaca}.st-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.st-btn-sm{padding:7px 14px;font-size:12.5px}.st-btn.loading{pointer-events:none}.spin-icon{flex-shrink:0;animation:.75s linear infinite spin}@media (width<=900px){.st-form-grid,.st-pwd-rules{grid-template-columns:1fr}}@media (width<=768px){.st-page-header{padding:20px 16px 0}.st-toast-area{padding:10px 16px 0}.st-tab-nav{gap:4px;padding:14px 16px 0}.st-tab-body{gap:14px;padding:16px}.st-card{padding:16px}.st-theme-grid{grid-template-columns:1fr}.st-photo-row{gap:16px}.st-header-actions{flex-wrap:wrap}.st-tab-pill{padding:8px 12px 10px;font-size:12.5px}.st-tab-pill-label{display:none}.st-tab-pill-icon{width:18px;height:18px}.st-dirty-banner{flex-wrap:wrap}.st-dirty-actions{margin-top:6px;margin-left:0}}@media (width<=480px){.st-page-title{font-size:18px}.st-avatar-lg{width:72px;height:72px}.st-card-actions{flex-direction:column;align-items:flex-start}.st-card-actions .st-btn{justify-content:center;width:100%}}.st-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.st-modal{background:#fff;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:32px 28px 24px;animation:.18s st-modal-in;display:flex;box-shadow:0 24px 60px #0000002e}.st-modal-wide{max-width:480px}@keyframes st-modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.st-modal-header{color:#1e293b;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.st-modal-header svg{color:#2356ef;flex-shrink:0;width:22px;height:22px}.st-modal-header-danger svg,.st-modal-header-danger{color:#dc2626}.st-modal-body{color:#475569;margin:0;font-size:.9rem;line-height:1.55}.st-modal-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:.85rem;font-weight:500}.st-modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.st-otp-input{letter-spacing:.35em;text-align:center;background:#f9fafb;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:1.6rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.st-otp-input:focus{background:#fff;border-color:#2356ef;box-shadow:0 0 0 4px #2356ef1a}.st-totp-qr{justify-content:center;padding:8px 0;display:flex}.st-totp-qr img{background:#fff;border:3px solid #e2e8f0;border-radius:12px;padding:6px}.st-totp-secret{letter-spacing:.1em;-webkit-user-select:all;user-select:all;cursor:text;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;font-family:Courier New,monospace;font-size:.82rem;display:inline-block}.st-toggle-disabled{opacity:.45;cursor:not-allowed}.spin-icon{vertical-align:middle;animation:.9s linear infinite spin;display:inline-block}.admin-topbar{z-index:90;background:var(--surface,#fff);border-bottom:1px solid var(--border,#e8edf5);box-shadow:var(--shadow-xs,0 1px 2px #0000000a);flex-shrink:0;transition:background .25s,border-color .25s;position:sticky;top:0}.admin-topbar-inner{justify-content:flex-end;align-items:center;gap:12px;min-height:60px;padding:0 24px;display:flex}.admin-topbar-spacer{flex:1}.admin-topbar-actions{align-items:center;gap:8px;display:flex}.admin-topbar-dropdown{position:relative}.admin-topbar-icon-btn{border:1px solid var(--border,#e8edf5);background:var(--surface2,#f8fafc);width:42px;height:42px;color:var(--text-b,#475569);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:background .18s,border-color .18s,color .18s,transform .15s;display:flex;position:relative}.admin-topbar-icon-btn svg{width:20px;height:20px}.admin-topbar-icon-btn:hover,.admin-topbar-icon-btn.active{background:var(--acc-light,#eff6ff);border-color:var(--acc-mid,#bfdbfe);color:var(--acc,#2563eb)}.admin-topbar-badge{color:#fff;border:2px solid var(--surface,#fff);background:#ef4444;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;animation:.25s admin-badge-pop;display:flex;position:absolute;top:4px;right:4px}@keyframes admin-badge-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.admin-topbar-profile{border:1px solid var(--border,#e8edf5);background:var(--surface2,#f8fafc);cursor:pointer;border-radius:14px;align-items:center;gap:10px;max-width:240px;padding:6px 10px 6px 6px;transition:background .18s,border-color .18s,box-shadow .18s;display:flex}.admin-topbar-profile:hover,.admin-topbar-profile.active{background:var(--acc-light,#eff6ff);border-color:var(--acc-mid,#bfdbfe);box-shadow:var(--shadow-sm)}.admin-topbar-avatar{color:#1d4ed8;border:2px solid var(--acc-mid,#bfdbfe);background:linear-gradient(135deg,#dbeafe,#93c5fd);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.admin-topbar-avatar img{object-fit:cover;width:100%;height:100%}.admin-topbar-profile-text{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.admin-topbar-name{color:var(--text-h,#0f172a);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.admin-topbar-role{color:var(--text-m,#94a3b8);white-space:nowrap;font-size:11px}.admin-topbar-chevron{color:var(--text-m,#94a3b8);transition:transform .2s;display:flex}.admin-topbar-chevron svg{width:16px;height:16px}.admin-topbar-profile.active .admin-topbar-chevron{transform:rotate(180deg)}.admin-panel{background:var(--surface,#fff);border:1px solid var(--border,#e8edf5);box-shadow:var(--shadow-lg,0 12px 32px #0000001f);opacity:0;visibility:hidden;pointer-events:none;z-index:200;border-radius:16px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-8px)scale(.98)}.admin-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.admin-notif-panel{width:min(400px,100vw - 32px)}.admin-profile-panel{width:260px}.admin-panel-header{border-bottom:1px solid var(--border,#e8edf5);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;display:flex}.admin-panel-header h3{color:var(--text-h,#0f172a);margin:0;font-size:15px;font-weight:700}.admin-panel-header p{color:var(--text-m,#94a3b8);margin:2px 0 0;font-size:12px}.admin-panel-link{color:var(--acc,#2563eb);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:600}.admin-panel-link:hover{text-decoration:underline}.admin-notif-list{overscroll-behavior:contain;scrollbar-width:thin;max-height:380px;padding:6px;overflow-y:auto}.admin-notif-list::-webkit-scrollbar{width:5px}.admin-notif-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#e2e8f0);border-radius:99px}.admin-notif-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:flex-start;gap:12px;width:100%;padding:12px;transition:background .15s;display:flex;position:relative}.admin-notif-item:hover{background:var(--bg,#f4f7fd)}.admin-notif-item.unread{background:var(--acc-light,#eff6ff)}.admin-notif-item.unread:hover{background:#dbeafe}.admin-notif-item-icon{background:var(--surface2,#f8fafc);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;line-height:1;display:flex}.admin-notif-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-notif-item-title{color:var(--text-h,#0f172a);font-size:13px;font-weight:600}.admin-notif-item-msg{color:var(--text-b,#475569);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.admin-notif-item-meta{color:var(--text-m,#94a3b8);align-items:center;gap:8px;margin-top:4px;font-size:11px;display:flex}.admin-notif-tag{background:var(--surface2,#f1f5f9);text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:600}.admin-notif-dot{background:var(--acc,#2563eb);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.admin-notif-item-wrapper{align-items:stretch;display:flex;position:relative}.admin-notif-item-wrapper .admin-notif-item{flex:1;padding-right:36px}.admin-notif-dismiss{width:22px;height:22px;color:var(--text-m,#94a3b8);cursor:pointer;opacity:0;z-index:2;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:12px;line-height:1;transition:opacity .15s,background .15s,color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.admin-notif-item-wrapper:hover .admin-notif-dismiss{opacity:1}.admin-notif-dismiss:hover{color:#dc2626;background:#fee2e2}.admin-notif-empty{text-align:center;color:var(--text-m,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 24px;font-size:13px;display:flex}.admin-notif-empty-icon{opacity:.5;font-size:32px}.admin-notif-empty strong{color:var(--text-h,#0f172a);font-size:14px}.admin-profile-head{align-items:center;gap:12px;padding:16px 18px;display:flex}.admin-profile-avatar-lg{color:#1d4ed8;border:2px solid var(--acc-mid,#bfdbfe);background:linear-gradient(135deg,#dbeafe,#93c5fd);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.admin-profile-avatar-lg img{object-fit:cover;width:100%;height:100%}.admin-profile-name{color:var(--text-h,#0f172a);font-size:14px;font-weight:700}.admin-profile-role{color:var(--text-m,#94a3b8);margin-top:2px;font-size:12px}.admin-profile-divider{background:var(--border,#e8edf5);height:1px;margin:0 8px}.admin-profile-menu-item{width:calc(100% - 16px);color:var(--text-b,#475569);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;margin:4px 8px;padding:11px 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.admin-profile-menu-item:hover{background:var(--bg,#f4f7fd);color:var(--text-h,#0f172a)}.admin-profile-menu-item.danger{color:#dc2626;margin-bottom:8px}.admin-profile-menu-item.danger:hover{color:#b91c1c;background:#fef2f2}@media (width<=640px){.admin-topbar-inner{padding:0 12px}.admin-topbar-profile-text,.admin-topbar-chevron{display:none}.admin-topbar-profile{border-radius:50%;padding:6px}}@media (width<=768px){[class*=-topbar],[class*=-header-row],[class*=-page-header],.db-topbar-inner{flex-direction:row;gap:12px;align-items:center!important}}body{background:var(--bg);color:var(--text-h);font-family:Outfit,sans-serif}.dt-root{--white:#fff;--bg:#f4f7fd;--surface:#fff;--border:#e8edf5;--acc:#2563eb;--acc-light:#eff6ff;--acc-mid:#bfdbfe;--acc-dark:#1d4ed8;--text-h:#0f172a;--text-b:#475569;--text-m:#94a3b8;--sidebar-w:256px;--font:"Outfit", sans-serif;font-family:var(--font);display:contents}.app-container{width:100%;height:100vh;display:flex}.dt-sidebar{width:var(--sidebar-w,256px);background:var(--surface,#fff);border-right:1px solid var(--border,#e8edf5);z-index:100;flex-direction:column;flex-shrink:0;height:100vh;min-height:100vh;max-height:100vh;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:2px 0 20px #2563eb0d}.dt-brand{border-bottom:1px solid var(--border,#e8edf5);background:var(--surface,#fff);flex-shrink:0;align-items:center;gap:10px;min-height:72px;padding:20px 20px 16px 28px;display:flex}.dt-logo{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.dt-logo-img{object-fit:cover;width:100%;height:100%}.dt-brand-name{color:var(--text-h,#0f172a);letter-spacing:-.3px;white-space:nowrap;font-size:16.5px;font-weight:700;line-height:1}.dt-brand-tag{color:var(--text-m,#94a3b8);letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;margin-top:3px;font-size:10px;font-weight:500}.dt-nav{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;overscroll-behavior:contain;flex:1;padding:6px 8px 16px;overflow:hidden auto}.dt-nav::-webkit-scrollbar{width:3px}.dt-nav::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}.dt-group{margin-top:4px}.dt-cat{letter-spacing:1.1px;text-transform:uppercase;color:var(--text-m,#94a3b8);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:13px 8px 5px;font-size:9.5px;font-weight:700;display:flex}.dt-cat:after{content:"";background:var(--border,#e8edf5);flex:1;height:1px}.dt-item{cursor:pointer;text-align:left;width:100%;font-family:var(--font,"Outfit", sans-serif);background:0 0;border:none;border-radius:10px;outline:none;align-items:center;gap:11px;margin-bottom:1px;padding:9.5px 12px;transition:background .15s,color .15s;display:flex;position:relative}.dt-item:hover{background:var(--bg,#f4f7fd)}.dt-item:hover .dt-icon{color:var(--acc,#2563eb)}.dt-item:hover .dt-label{color:var(--text-h,#0f172a)}.dt-item.active{background:var(--acc-light,#eff6ff);border-left:3px solid var(--acc,#2563eb);padding-left:9px}.dt-item.active .dt-icon{color:var(--acc,#2563eb)}.dt-item.active .dt-label{color:var(--acc,#2563eb);font-weight:600}.dt-item.active:after{content:"";background:var(--acc,#2563eb);opacity:.5;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dt-icon{width:18px;height:18px;color:var(--text-m,#94a3b8);flex-shrink:0;transition:color .15s}.dt-label{color:var(--text-b,#475569);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;font-weight:400;transition:color .15s;overflow:hidden}.dt-footer{border-top:1px solid var(--border,#e8edf5);background:var(--bg,#f4f7fd);flex-shrink:0;align-items:center;gap:10px;min-height:56px;padding:11px 14px;display:flex}.dt-avatar{color:#1d4ed8;width:32px;height:32px;font-size:11.5px;font-weight:700;font-family:var(--font,"Outfit", sans-serif);background:linear-gradient(135deg,#dbeafe,#93c5fd);border:2px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dt-user-name{color:var(--text-h,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;line-height:1.1;overflow:hidden}.dt-user-role{color:var(--text-m,#94a3b8);white-space:nowrap;margin-top:1.5px;font-size:10.5px}.dt-settings-btn{border:1px solid var(--border,#e8edf5);background:var(--surface,#fff);cursor:pointer;width:28px;height:28px;color:var(--text-m,#94a3b8);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .14s,border-color .14s,color .14s;display:flex}.dt-settings-btn:hover{background:var(--acc-light,#eff6ff);border-color:var(--acc-mid,#bfdbfe);color:var(--acc,#2563eb)}.dt-settings-btn svg{width:14px;height:14px}.dt-footer-compact{justify-content:space-between}.dt-footer-hint{color:var(--text-m,#94a3b8);letter-spacing:.4px;text-transform:uppercase;font-size:11px;font-weight:600}.admin-layout{flex-direction:column;min-width:0;min-height:100%;display:flex}.admin-layout-body{flex:1;min-width:0}.main-content{background:var(--bg,#f4f7fd);overscroll-behavior:contain;flex:1;min-width:0;height:100vh;margin-left:256px;overflow:auto}[class*=tablecontainer],[class*=table-wrap],[class*=-table-wrap],.sup-tablecontainer,.tablecontainer,.fr-table-wrap,.inv-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table th,table td{white-space:nowrap}@media (width>=769px) and (width<=1024px){.main-content{margin-left:220px}.dt-sidebar{width:220px}}@media (width<=768px){.dt-sidebar{z-index:200;transition:transform .3s;transform:translate(-100%)}.dt-sidebar.mobile-open{transform:translate(0)}.main-content{width:100%;margin-left:0}.sidebar-overlay{z-index:150;background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}}:root,[data-theme=light]{--acc:#2563eb;--acc-light:#eff6ff;--acc-mid:#bfdbfe;--acc-dark:#1d4ed8;--acc-rgb:37, 99, 235;--bg:#f4f7fd;--surface:#fff;--surface2:#f8fafc;--border:#e8edf5;--border-strong:#cbd5e1;--text-h:#0f172a;--text-b:#475569;--text-m:#94a3b8;--text-inv:#fff;--success-bg:#f0fdf4;--success-text:#15803d;--success-bdr:#bbf7d0;--error-bg:#fef2f2;--error-text:#dc2626;--error-bdr:#fecaca;--warn-bg:#fffbeb;--warn-text:#92400e;--warn-bdr:#fde68a;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 4px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000017, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #0000001f, 0 4px 8px #0000000f;--sidebar-bg:#fff;--sidebar-item-hover:#f4f7fd;--sidebar-item-active:#eff6ff;--sidebar-footer-bg:#f4f7fd;--input-bg:#f8fafc;--input-bg-focus:#fff;--font:"Outfit", sans-serif;--radius:12px;--radius-sm:8px;--sidebar-w:256px;--scrollbar-thumb:#e2e8f0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--acc:#3b82f6;--acc-light:#1e3a5f;--acc-mid:#1e40af;--acc-dark:#60a5fa;--acc-rgb:59, 130, 246;--bg:#0f172a;--surface:#1e293b;--surface2:#253347;--border:#334155;--border-strong:#475569;--text-h:#f1f5f9;--text-b:#94a3b8;--text-m:#64748b;--text-inv:#0f172a;--success-bg:#052e16;--success-text:#4ade80;--success-bdr:#166534;--error-bg:#2d0d0d;--error-text:#f87171;--error-bdr:#7f1d1d;--warn-bg:#1c1208;--warn-text:#fbbf24;--warn-bdr:#78350f;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 4px #00000059, 0 1px 2px #0003;--shadow-md:0 4px 16px #0006, 0 2px 4px #00000040;--shadow-lg:0 12px 32px #00000080, 0 4px 8px #0000004d;--sidebar-bg:#1e293b;--sidebar-item-hover:#253347;--sidebar-item-active:#1e3a5f;--sidebar-footer-bg:#162032;--input-bg:#253347;--input-bg-focus:#2d3f55;--scrollbar-thumb:#334155;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font,"Outfit", sans-serif);background:var(--bg);color:var(--text-h);line-height:1.5;transition:background .3s,color .3s}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}::selection{background:rgba(var(--acc-rgb), .2)}[data-theme=dark] .dt-sidebar{background:var(--sidebar-bg);border-right-color:var(--border)}[data-theme=dark] .dt-brand{background:var(--sidebar-bg);border-bottom-color:var(--border)}[data-theme=dark] .dt-brand-name{color:var(--text-h)}[data-theme=dark] .dt-brand-tag{color:var(--text-m)}[data-theme=dark] .dt-item:hover{background:var(--sidebar-item-hover)}[data-theme=dark] .dt-item.active{background:var(--sidebar-item-active)}[data-theme=dark] .dt-label{color:var(--text-b)}[data-theme=dark] .dt-cat{color:var(--text-m)}[data-theme=dark] .dt-cat:after{background:var(--border)}[data-theme=dark] .dt-footer{background:var(--sidebar-footer-bg);border-top-color:var(--border)}[data-theme=dark] .dt-user-name{color:var(--text-h)}[data-theme=dark] .dt-user-role{color:var(--text-m)}[data-theme=dark] .dt-settings-btn{background:var(--surface);border-color:var(--border);color:var(--text-m)}[data-theme=dark] .dt-settings-btn:hover{background:var(--sidebar-item-active);border-color:var(--acc-mid);color:var(--acc)}[data-theme=dark] .main-content{background:var(--bg)}[data-theme=dark] .db-stat-card,[data-theme=dark] .db-card,[data-theme=dark] .db-appointments-card,[data-theme=dark] .db-reviews-card,[data-theme=dark] .db-low-stock-card,[data-theme=dark] [class$=-card],[data-theme=dark] [class*=-card\ ]{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-h)!important}[data-theme=dark] .db-topbar,[data-theme=dark] [class*=-topbar],[data-theme=dark] [class*=-header]:not(.login-header){background:var(--surface);border-bottom-color:var(--border)}[data-theme=dark] table{color:var(--text-h)}[data-theme=dark] thead,[data-theme=dark] th{background:var(--surface2)!important;color:var(--text-m)!important;border-color:var(--border)!important}[data-theme=dark] td{border-color:var(--border)!important;color:var(--text-b)!important}[data-theme=dark] tr:hover td{background:var(--surface2)!important}[data-theme=dark] [class*=tablecontainer],[data-theme=dark] [class*=table-wrap]{background:var(--surface);border-color:var(--border)}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=file]),[data-theme=dark] select,[data-theme=dark] textarea{background:var(--input-bg)!important;border-color:var(--border)!important;color:var(--text-h)!important}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:var(--input-bg-focus)!important;border-color:var(--acc)!important;box-shadow:0 0 0 3px rgba(var(--acc-rgb), .2)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-m)!important}[data-theme=dark] [class*=-modal],[data-theme=dark] [class*=-popup],[data-theme=dark] [class*=-dropdown]{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-h)!important}[data-theme=dark] [class*=modal-overlay],[data-theme=dark] [class*=-overlay]{background:#000000a6!important}[data-theme=dark] [class*=btn-outline],[data-theme=dark] [class*=-btn-secondary]{background:var(--surface2)!important;border-color:var(--border)!important;color:var(--text-b)!important}[data-theme=dark] [class*=btn-outline]:hover,[data-theme=dark] [class*=-btn-secondary]:hover{background:var(--surface)!important;border-color:var(--border-strong)!important;color:var(--text-h)!important}[data-theme=dark] [class*=Pending],[data-theme=dark] [class*=pending]{color:#fbbf24!important}[data-theme=dark] [class*=Approved],[data-theme=dark] [class*=approved]{color:#4ade80!important}[data-theme=dark] [class*=Completed],[data-theme=dark] [class*=completed]{color:#60a5fa!important}[data-theme=dark] [class*=Cancelled],[data-theme=dark] [class*=cancelled]{color:#f87171!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-h)}[data-theme=dark] p,[data-theme=dark] span:not([class]),[data-theme=dark] label{color:var(--text-b)}[data-theme=dark] .login-page-wrapper{background:#0f172a}[data-theme=dark] .login-card{background:var(--surface)!important;box-shadow:var(--shadow-lg)!important}[data-theme=dark] .login-card input{background:var(--input-bg)!important;border-color:var(--border)!important;color:var(--text-h)!important}[data-theme=dark] .login-header h2{color:var(--text-h)}[data-theme=dark] .subtitle{color:var(--text-m)}[data-theme=dark] .db-container{background:var(--bg)}[data-theme=dark] .db-title,[data-theme=dark] .db-section-title{color:var(--text-h)}[data-theme=dark] .db-section-sub,[data-theme=dark] .db-clock-time,[data-theme=dark] .db-clock-date{color:var(--text-m)}[data-theme=dark] .db-spinner-wrap{background:var(--surface)}[data-theme=dark] .db-tooltip{background:var(--surface);border-color:var(--border);color:var(--text-h)}[data-theme=dark] .db-refresh-btn{background:var(--surface2);border-color:var(--border);color:var(--text-b)}[data-theme=dark] .st-root{--acc:#3b82f6;--acc-l:#1e3a5f;--acc-m:#1e40af;--acc-d:#60a5fa;--bg:#0f172a;--surface:#1e293b;--border:#334155;--th:#f1f5f9;--tb:#94a3b8;--tm:#64748b;background:#0f172a}[data-theme=dark] .st-card{background:#1e293b;border-color:#334155}[data-theme=dark] .st-card-danger{background:#2d0d0d;border-color:#7f1d1d}[data-theme=dark] .st-field input,[data-theme=dark] .st-field select,[data-theme=dark] .st-pwd-wrap input{color:#f1f5f9!important;background:#253347!important;border-color:#334155!important}[data-theme=dark] .st-field input:focus,[data-theme=dark] .st-pwd-wrap input:focus{background:#2d3f55!important;border-color:#3b82f6!important}[data-theme=dark] .st-section-label{border-color:#334155}[data-theme=dark] .st-section-title{color:#f1f5f9}[data-theme=dark] .st-section-sub{color:#64748b}[data-theme=dark] .st-page-title{color:#f1f5f9}[data-theme=dark] .st-page-sub{color:#64748b}[data-theme=dark] .st-tab-nav{border-color:#334155}[data-theme=dark] .st-tab-pill{color:#94a3b8}[data-theme=dark] .st-tab-pill.active{color:#3b82f6;border-color:#3b82f6}[data-theme=dark] .st-divider{background:#334155}[data-theme=dark] .st-toggle-row{border-color:#334155}[data-theme=dark] .st-toggle-info strong{color:#f1f5f9}[data-theme=dark] .st-toggle-info span{color:#64748b}[data-theme=dark] .st-slider{background:#475569}[data-theme=dark] .st-btn-outline{color:#94a3b8;background:#253347;border-color:#334155}[data-theme=dark] .st-btn-ghost{color:#94a3b8}[data-theme=dark] .st-btn-ghost:hover{background:#253347;border-color:#334155}[data-theme=dark] .st-dirty-banner{color:#fbbf24;background:#1c1208;border-color:#78350f}[data-theme=dark] .st-pwd-rules{background:#253347;border-color:#334155}[data-theme=dark] .st-pwd-rule{color:#64748b}[data-theme=dark] .st-pwd-rule.met{color:#4ade80}[data-theme=dark] .st-rule-dot{background:#475569}[data-theme=dark] .st-pwd-rule.met .st-rule-dot{background:#16a34a}[data-theme=dark] .st-theme-card{border-color:#334155}[data-theme=dark] .st-theme-footer{background:#1e293b;border-color:#334155}[data-theme=dark] .st-theme-name{color:#f1f5f9}[data-theme=dark] .st-theme-desc{color:#64748b}[data-theme=dark] .st-strength-bar{background:#334155}[data-theme=dark] .dt-root{--bg:#0f172a;--surface:#1e293b;--border:#334155;--text-h:#f1f5f9;--text-b:#94a3b8;--text-m:#64748b;--acc:#3b82f6;--acc-light:#1e3a5f;--acc-mid:#1e40af;--acc-dark:#60a5fa}[data-theme=dark] .app-container{background:#0f172a}.app-container{width:100%;max-width:100vw;min-height:100dvh;overflow-x:hidden}.main-content{box-sizing:border-box;width:100%;min-width:0;max-width:100vw}.admin-layout,.admin-layout-body,.admin-page-slot{box-sizing:border-box;min-width:0;max-width:100%}.admin-layout-body>*{max-width:100%}.main-content .recharts-responsive-container{min-width:0!important}.main-content img:not([class*=avatar]):not(.dt-logo-img){max-width:100%;height:auto}.admin-topbar-menu-btn{border:1px solid var(--border,#e8edf5);background:var(--surface2,#f8fafc);width:42px;height:42px;color:var(--text-b,#475569);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;display:none}.admin-topbar-menu-btn svg{width:22px;height:22px}.admin-topbar-inner{flex-wrap:nowrap;justify-content:flex-start;min-width:0}.st-tab-nav{-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-width:100%;overflow:auto hidden}.st-tab-pill{flex-shrink:0}.st-root,.st-tab-body,.st-card{box-sizing:border-box;max-width:100%}.st-page-header{flex-wrap:wrap;gap:12px}.st-header-actions{flex-wrap:wrap}[class*=-page],[class*=-container],[class*=-root]:not(.dt-root){box-sizing:border-box;max-width:100%}@media (width<=1024px){.main-content{margin-left:220px}.dt-sidebar{width:220px}[class*=tablecontainer],[class*=table-wrap],[class*=-table-wrap]{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}}@media (width<=768px){.admin-topbar-menu-btn{display:flex}.admin-topbar-spacer{flex:1;min-width:0}.main-content{width:100%;max-width:100vw;margin-left:0!important}.db-container,.appointments-page,.appointment-page,[class*=-container],.st-root{padding-left:12px!important;padding-right:12px!important}[class*=-topbar],[class*=-header-row],[class*=-page-header],.db-topbar{flex-direction:column;gap:12px;align-items:stretch!important}[class*=-topbar-right],.db-topbar-right,.st-header-actions{justify-content:flex-start;width:100%;align-items:flex-start!important}.db-clock{align-items:flex-start!important}[class*=-stats-grid],[class*=-cards-grid],[class*=-grid-2],[class*=-grid-3],[class*=-form-grid],[class*=-detail-grid],.db-main-grid,.settings-grid,.settings-row-2,.detail-grid{grid-template-columns:1fr!important}[class*=-toolbar],[class*=-filters],[class*=-actions-row],[class*=-header-actions],.header-section{flex-wrap:wrap;gap:8px;width:100%}[class*=-search],[class*=search-input],[class*=-search-wrap] input{width:100%!important;min-width:0!important;max-width:100%!important}.table-header-gridd,.table-header-grid{display:none}.appointment-card-roww,.appointment-card-row{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:100%;display:flex}.col-patient,.col-service,.col-status,.col-actions{width:100%;max-width:100%}.col-actions{flex-wrap:wrap;justify-content:flex-start}[class*=-modal]:not(.st-modal-backdrop),[class*=-overlay]>[class*=-card],[class*=-overlay]>[class*=-modal],.modal-card,.detail-modal,.pt-modal,.st-modal{box-sizing:border-box;margin-left:auto;margin-right:auto;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}.st-modal-backdrop{box-sizing:border-box;padding:12px}.db-appt-row,.db-stock-row,.db-review-row{flex-wrap:wrap;gap:8px}.db-appt-info{flex:1;min-width:0}}@media (width<=480px){.admin-topbar-inner{min-height:56px;padding:0 10px}.st-btn,.db-refresh-btn,[class*=-btn]:not(.btn-icon-round):not(.dt-item){max-width:100%}.st-card-actions{flex-direction:column;align-items:stretch}.st-card-actions .st-btn{justify-content:center;width:100%}}