@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#00000026;border:4px solid transparent;background-clip:padding-box;border-radius:999px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background-color:#00000040}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}html,body{min-height:100dvh;overflow-x:hidden}html{font-size:15px}*{box-sizing:border-box}:root{--primary: #146484;--primary-dark: #0f4c64;--secondary: #87ceeb;--accent: #ff6b6b;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--shadow-md: 0 10px 30px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 45px rgba(0, 0, 0, .12);--success: #28a745;--warning: #ffc107;--info: #17a2b8;--danger: #dc3545;--color-paid: #10b981;--color-pending: #f59e0b;--color-overdue: #ef4444;--blue-500: #4361ee;--pink-500: #f72585;--cyan-400: #4cc9f0;--amber-400: #fbbf24;--emerald-500: #10b981;--violet-500: #8b5cf6;--surface-0: #ffffff;--surface-1: #f8fafc;--surface-2: #f1f5f9;--surface-3: #e2e8f0;--text-heading: #1e293b;--text-body: #334155;--text-muted: #64748b;--text-faint: #94a3b8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font-main: "Outfit", sans-serif;--text-xs: .7rem;--text-sm: .8rem;--text-base: .9rem;--text-lg: 1.1rem;--text-xl: 1.3rem;--text-2xl: 1.75rem;--text-3xl: 2.2rem;--text-main: #2b2b2b;--text-light: #666}body{margin:0;font-family:var(--font-main);background-color:#f5f7fa;background-image:linear-gradient(135deg,#146484e6,#87ceebcc),url(https://images.unsplash.com/photo-1588776813186-600f91643418?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--text-main);min-height:100vh}h1,h2,h3,h4{color:var(--primary);font-weight:800;letter-spacing:-.5px}.card{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow);transform:translateY(0);transition:all .3s cubic-bezier(.25,.8,.25,1)}.card:hover{box-shadow:0 12px 40px #1f268740}input,select:not(.active-client-filter):not(.active-process-filter):not(.active-tech-filter):not(.active-step-filter){font-family:var(--font-main);border:2px solid transparent!important;background:#fff!important;box-shadow:0 4px 10px #0000000d;transition:all .3s ease}input:focus,select:focus{outline:none;border-color:var(--secondary)!important;box-shadow:0 4px 15px #87ceeb66}button.btn-primary{background:linear-gradient(45deg,var(--primary),var(--primary-dark));border:none;color:#fff;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #1464844d}button.btn-primary:hover{background:linear-gradient(45deg,var(--primary-dark),var(--primary));box-shadow:0 6px 20px #14648480;transform:scale(1.02)}nav .nav-link{transition:all .3s ease;opacity:.8}nav .nav-link:hover,nav .nav-link.active{background:#fff3!important;opacity:1;font-weight:600}.role-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease!important}.role-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006!important}.role-card:hover .glow-effect{opacity:.5!important;filter:blur(100px)!important}@keyframes pulsate-red{0%{box-shadow:0 0 5px #dc354566}50%{box-shadow:0 0 15px #dc354599}to{box-shadow:0 0 5px #dc354566}}@keyframes pulsate-blue{0%{box-shadow:0 0 5px #14648466}50%{box-shadow:0 0 15px #14648499}to{box-shadow:0 0 5px #14648466}}.overdue-alert{animation:pulsate-red 2s infinite;border:1px solid rgba(220,53,69,.5)!important}.chat-alert{animation:pulsate-blue 2s infinite;border:1px solid rgba(20,100,132,.6)!important}.badge-pulse{animation:pulse-badge 1.5s infinite}@keyframes pulse-badge{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 8px #14648480}}.custom-scrollbar-hide::-webkit-scrollbar{display:none}.custom-scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.expand-btn{display:flex;align-items:center;border:none;box-shadow:0 2px 4px #0000001a;padding:6px 10px;border-radius:20px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;overflow:hidden;white-space:nowrap}.expand-btn .expand-text{max-width:0;opacity:0;margin-left:0;overflow:hidden;transition:all .3s ease}.expand-btn:hover{padding:6px 12px}.expand-btn:hover .expand-text{max-width:150px;opacity:1;margin-left:6px}.expand-btn .expand-badge{margin-left:6px;transition:all .3s ease}.expand-select{max-width:36px;overflow:hidden;white-space:nowrap;text-overflow:clip;transition:max-width .4s ease-in-out;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.expand-select:hover,.expand-select:focus,.expand-select:active{max-width:220px}.date-minimal{color:transparent!important;width:30px!important;padding:0 4px!important}.date-minimal::-webkit-datetime-edit{display:none}.date-minimal::-webkit-calendar-picker-indicator{margin:0 auto;cursor:pointer}.active-process-filter{background-color:var(--info)!important;background:linear-gradient(180deg,var(--info) 0%,#0891b2 100%)!important;color:#fff!important;border-color:transparent!important;box-shadow:inset 0 2px 4px #0003,0 4px 6px #0891b233!important}.active-step-filter{background-color:#0ea5e9!important;background:linear-gradient(180deg,#0ea5e9,#0284c7)!important;color:#fff!important;border-color:transparent!important}.active-tech-filter{background-color:#8b5cf6!important;background:linear-gradient(180deg,#8b5cf6,#7c3aed)!important;color:#fff!important;border-color:transparent!important;box-shadow:inset 0 2px 4px #0003,0 4px 6px #7c3aed33!important}.active-client-filter{background-color:var(--warning)!important;background:linear-gradient(180deg,var(--warning) 0%,#d97706 100%)!important;color:#fff!important;border-color:transparent!important;box-shadow:inset 0 2px 4px #0003,0 4px 6px #d9770633!important}.active-client-filter option,.active-process-filter option,.active-tech-filter option,.active-step-filter option{color:#1e293b!important;background:#fff!important}.mobile-only-flex,.mobile-only-block{display:none!important}.desktop-only-flex{display:flex!important}.desktop-only-block{display:block!important}@media(max-width:768px){.mobile-only-flex{display:flex!important}.mobile-only-block{display:block!important}.desktop-only-flex,.desktop-only-block{display:none!important}}.sidebar-container{width:250px;flex-shrink:0;transition:width .3s ease}.sidebar-container.no-sidebar{width:0!important}@media(max-width:768px){.layout-container{flex-direction:row!important;overflow-x:hidden}.sidebar-container{position:fixed;top:0;left:-280px;width:280px;height:100dvh;z-index:2000;transition:left .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(195deg,#0f172a,#1e293b);box-shadow:10px 0 30px #0000004d}.sidebar-container.open{left:0}.sidebar{height:100%!important;width:100%!important;position:relative!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding-bottom:2rem}.mobile-topbar{display:flex!important;position:fixed!important;top:0;left:0;width:100%;z-index:5}.mobile-close-btn{display:flex!important;z-index:3000!important;padding:10px!important;pointer-events:auto!important}.main-content{padding:4.5rem 1rem 1rem!important;padding-bottom:calc(2rem + env(safe-area-inset-bottom))!important;width:100vw!important;min-width:100vw!important;flex:none!important;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;padding:1rem!important;margin-top:.5rem}.header-actions{width:100%!important;justify-content:space-between!important}.page-header-logo{height:35px!important}.user-info-text,.logout-text{display:none!important}.logout-btn{padding:8px!important}}.financial-kpi-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:15px!important}.financial-insights-grid{display:grid!important;grid-template-columns:1fr!important;gap:20px!important}.profit-card-mobile{flex-direction:column!important;align-items:flex-start!important;padding:20px!important}.profit-card-mobile .margen-box{width:100%!important;margin-top:10px}@media(min-width:769px){.financial-kpi-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important}.financial-insights-grid{display:grid!important;grid-template-columns:2fr 1fr!important;gap:20px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){header img[alt="OralSuite Lab Logo"]{width:100%!important;max-width:320px!important;margin-top:1rem}.role-card{min-width:100%!important;max-width:100%!important;height:160px!important;flex-direction:row!important;justify-content:flex-end!important}.role-card h3{font-size:1.1rem!important;letter-spacing:0px!important;line-height:1.2}.role-card button{padding:8px 12px!important;font-size:.8rem!important;margin-top:5px!important}.role-card>div:nth-child(2){padding:0 1rem 0 0!important;flex:1.2!important}footer img[alt="OralSuite Lab Logo"]{width:150px!important}body{background-size:cover;background-attachment:scroll}}@media(max-width:992px){.dashboard-sidebar{width:100%!important;flex-shrink:1!important}}@media(max-width:768px){.hide-mobile{display:none!important}.header-controls{flex-direction:column!important;gap:8px!important}.header-controls>div{width:100%!important;flex:none!important}.order-form-grid{display:flex!important;flex-direction:column!important;gap:1.5rem!important}.order-form-grid>div{grid-column:span 12!important;width:100%!important}.order-form-card{padding:1.5rem 1rem!important;box-sizing:border-box!important}.form-header-row{flex-direction:column!important;align-items:flex-start!important}.form-header-actions{flex-direction:row-reverse!important;justify-content:space-between!important;width:100%!important;align-items:center!important}.form-header-title{font-size:1.25rem!important}.responsive-title{font-size:1.5rem!important;word-break:break-word!important;line-height:1.2!important}}@media(max-width:480px){h2{font-size:1.5rem!important}h3{font-size:1.2rem!important}}.responsive-dentist-header{flex-wrap:nowrap!important;overflow:hidden;justify-content:space-between}.header-controls{flex:1 1 auto!important;margin:0 20px!important;flex-wrap:nowrap!important;min-width:0!important;display:flex!important;justify-content:center!important}@media(max-width:1100px){.responsive-dentist-header{flex-wrap:wrap!important}.header-controls{flex:1 1 100%!important;margin:10px 0 0!important;flex-wrap:wrap!important;justify-content:flex-start!important}}.billing-grid-responsive{display:grid;grid-template-columns:350px minmax(0,1fr);gap:2rem;align-items:start}.billing-sidebar-responsive{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 20px #0000000d;min-height:400px;display:flex;flex-direction:column}.billing-content-responsive{display:flex;flex-direction:column;gap:1.5rem;min-width:0;width:100%}@media(max-width:1250px){.billing-grid-responsive{grid-template-columns:300px 1fr!important;gap:1rem!important}.sidebar-container:not(.no-sidebar){width:220px!important}.sidebar{width:220px!important}}@media(max-width:950px){.billing-grid-responsive{grid-template-columns:1fr!important}.billing-sidebar-responsive,.billing-content-responsive{height:auto!important;max-height:none!important}}.table-container-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:15px}.table-container-responsive table{min-width:100%}@media(max-width:1250px){.table-container-responsive table{min-width:auto!important}}.billing-clinic-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:15px}.billing-clinic-title{margin:0;font-size:2rem;color:#fff!important}.billing-facturar-btn{width:auto;padding:10px 20px}.billing-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.billing-stat-box{padding:1rem;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.billing-stat-title{font-size:.8rem;opacity:.8;font-weight:700}.billing-stat-val{font-size:1.2rem;font-weight:700}.billing-action-btns{display:flex;gap:4px;justify-content:center;align-items:center}.billing-icon-btn{padding:8px 12px;background:#fffc;color:var(--primary);border:1px solid rgba(20,100,132,.2);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d}.billing-icon-btn:hover{background:#fff;color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #14648426;border-color:var(--primary)}.billing-text-btn{padding:8px 18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:800;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #10b98140;letter-spacing:.5px}.billing-text-btn:hover{background:linear-gradient(135deg,#059669,#10b981);transform:translateY(-2px);box-shadow:0 6px 18px #10b98166}@media(max-width:1250px){.billing-clinic-header{flex-direction:column!important;align-items:center!important;text-align:center;gap:1rem!important}.billing-facturar-btn{width:100%!important}.billing-stats-grid{grid-template-columns:1fr!important;gap:.5rem!important}.billing-stat-box{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:.8rem!important}.billing-stat-title{font-size:.75rem!important;margin-bottom:0!important}.billing-stat-val{font-size:1.1rem!important}.billing-action-btns{flex-direction:column!important;gap:8px!important}.billing-action-btns>button{width:100%!important;justify-content:center!important}}@media(max-width:1000px){.desktop-only-table-cell{display:none!important}.panel-table--billing{min-width:500px!important}}.table-container-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff}@media(max-width:600px){.panel-table th,.panel-table td{padding:12px 10px!important}}.order-form-wrapper{max-width:900px;margin:0 auto;padding-bottom:3rem;width:100%;box-sizing:border-box}.odontogram-container{max-width:100%;overflow:hidden;box-sizing:border-box}@media(max-width:768px){body{overflow-x:hidden}.order-form-wrapper{padding-left:15px!important;padding-right:15px!important;overflow-x:hidden!important;max-width:100vw!important}.odontogram-row{justify-content:flex-start!important;padding-right:15px!important}.responsive-title{font-size:1.35rem!important;text-align:center!important;word-break:break-word}.clinic-doctor-selectors{flex-direction:column!important}.clinic-doctor-selectors>select,.clinic-doctor-selectors>input{flex:none!important;width:100%!important}input,select,textarea{max-width:100%!important;box-sizing:border-box!important;min-width:0!important}input[type=date]{width:100%!important;min-width:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.order-form-grid>div{grid-column:span 12!important;max-width:100%!important;min-width:0!important}.financial-dashboard-wrapper{padding-left:15px!important;padding-right:15px!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.financial-main-grid{grid-template-columns:1fr!important}.financial-table-header{flex-direction:column!important;align-items:flex-start!important;gap:15px!important}.financial-search-container{width:100%!important}.financial-table-header{flex-direction:column!important;align-items:stretch!important;gap:15px!important;padding:15px!important}.financial-search-input{width:100%!important}.financial-search-input{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.financial-tabs-container{padding:8px!important;border-radius:12px!important}.stats-dashboard-wrapper{padding-left:15px!important;padding-right:15px!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;padding-bottom:30px!important}.stats-header-container{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:15px!important;margin-bottom:20px!important}.stats-header-info{min-width:0!important;flex:0 0 auto!important}.stats-header-controls{width:100%!important;flex:0 0 auto!important;gap:10px!important}.stats-grid-container{grid-template-columns:1fr!important}.stats-range-selector{width:100%!important;flex-wrap:wrap!important;justify-content:space-between!important;overflow-x:auto!important}.stats-range-selector button{flex:1 1 auto;text-align:center}.module-wrapper{padding:20px 15px!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.module-header{flex-direction:column!important;align-items:flex-start!important;gap:15px!important;margin-bottom:20px!important}.module-actions{flex-direction:column!important;width:100%!important;align-items:stretch!important}.module-actions>button,.module-actions>a{width:100%!important;justify-content:center!important}.module-search-container{width:100%!important;max-width:100%!important}.module-search-input{width:100%!important;box-sizing:border-box!important}.myplan-wrapper{overflow-x:hidden!important;width:100%!important;box-sizing:border-box!important}.myplan-banner{flex-direction:column!important;align-items:flex-start!important;gap:15px!important}.myplan-banner>div:last-child{align-items:flex-start!important;text-align:left!important;margin-top:5px!important}.myplan-toggle-container{flex-direction:column!important;width:100%!important;box-sizing:border-box!important;border-radius:16px!important}.myplan-toggle-container button{width:100%!important;margin:5px 0!important;border-radius:12px!important;justify-content:center!important}.profile-wrapper{padding:15px!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.profile-header{flex-direction:column!important;align-items:flex-start!important;gap:15px!important}@media(max-width:1000px){.profile-grid{display:flex!important;flex-direction:column!important;gap:1.5rem!important}.profile-grid>div,.profile-grid>form{width:100%!important;min-width:0!important}}.profile-form-grid,.client-profile-subgrid{grid-template-columns:1fr!important}.client-profile-grid{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px!important;box-sizing:border-box!important}.client-profile-grid>div{width:100%!important}.client-profile-grid .card{padding:15px 10px!important}.client-profile-grid div[style*="padding: '14px 20px'"]{padding:10px 12px!important}.client-profile-grid>div>div>div>div{padding-left:10px!important;padding-right:10px!important}.order-modal-overlay{padding:0!important}.order-modal-content{width:100vw!important;height:100%!important;height:100dvh!important;max-height:100%!important;max-height:100dvh!important;max-width:100vw!important;border-radius:0!important;box-sizing:border-box!important}.order-modal-header{padding:1rem!important}.order-modal-lab-badge{flex-wrap:wrap!important}.order-modal-lab-badge>div:last-child{margin-left:0!important;width:100%!important;text-align:left!important;margin-top:5px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.order-modal-tabs button{padding:10px 12px!important;font-size:.8rem!important;flex:1 0 auto!important}.admin-wrapper{padding:5px!important;gap:15px!important}.admin-header{flex-direction:column!important;align-items:flex-start!important;gap:15px!important;padding:20px!important;border-radius:12px!important}.admin-header h1{font-size:1.5rem!important}.admin-header button{width:100%!important;justify-content:center!important}.admin-section-header{flex-direction:column!important;align-items:flex-start!important;gap:15px!important}.admin-search-wrapper{min-width:100%!important;width:100%!important;box-sizing:border-box!important}.admin-billing-wrapper{padding:15px!important;overflow-x:hidden!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important}.admin-billing-title{font-size:1.5rem!important;flex-wrap:wrap!important}.admin-billing-stats-grid{grid-template-columns:minmax(0,1fr)!important}.admin-billing-tables-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;max-width:100%!important}.admin-billing-tables-grid>div{min-width:0!important;width:100%!important;box-sizing:border-box!important;padding:16px!important}.admin-billing-tables-grid table{width:100%!important;table-layout:fixed!important}.admin-billing-tables-grid th,.admin-billing-tables-grid td{padding:10px 4px!important;word-break:break-word!important;white-space:normal!important}.admin-billing-tables-grid td:nth-child(1){width:60%!important}.admin-billing-tables-grid td:nth-child(1)>div:last-child{word-break:break-all!important;font-size:.7rem!important}.admin-billing-tables-grid td:nth-child(3),.admin-billing-tables-grid td:nth-child(4){width:20%!important;text-align:center!important}.admin-billing-stats-grid>div{min-width:0!important;width:100%!important;box-sizing:border-box!important;padding:16px!important}.admin-logs-wrapper{padding:15px!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;overflow-x:hidden!important}.admin-logs-header{flex-direction:column!important;align-items:flex-start!important;gap:15px!important}.admin-logs-header p{margin:5px 0 0!important;word-break:break-word!important}.admin-logs-filters{flex-direction:column!important}.admin-logs-filters>div,.admin-logs-filters>label{width:100%!important;min-width:0!important;box-sizing:border-box!important}.admin-logs-wrapper>div:nth-child(3){width:100%!important;max-width:100%!important;box-sizing:border-box!important}.admin-logs-wrapper table{min-width:600px!important}.admin-logs-wrapper th,.admin-logs-wrapper td{padding:12px 10px!important}.admin-logs-modal-header{padding:15px!important;flex-direction:column!important;align-items:flex-start!important;gap:15px!important}.admin-logs-modal-grid{grid-template-columns:1fr!important}}.section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.section-header h3,.section-header h4{margin:0;font-size:var(--text-xl);font-weight:800;color:var(--text-heading)}.section-header--between{justify-content:space-between}.icon-badge{display:flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-md);flex-shrink:0}.icon-badge--sm{padding:6px}.icon-badge--lg{padding:var(--space-3)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;width:fit-content}.badge--paid{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.badge--pending{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.badge--neutral{background:var(--surface-2);color:var(--text-muted)}.badge--info{background:#eff6ff;color:#1e40af;border:1px solid #dbeafe}.badge--tag{background:var(--surface-2);border:1px solid var(--surface-3);padding:4px 10px;border-radius:var(--radius-sm);color:#475569}.billing-icon-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.billing-icon-btn:hover{background:#e2e8f0;color:#1e293b}.billing-text-btn{background:#22c55e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:800;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 12px #22c55e33}.billing-text-btn:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 6px 15px #22c55e4d}.billing-text-btn--danger{background:#ef4444;box-shadow:0 4px 12px #ef444433}.billing-text-btn--danger:hover{background:#dc2626;box-shadow:0 6px 15px #ef44444d}.rank-medal{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.rank-medal--1{background:gold;color:#fff}.rank-medal--2{background:silver;color:#fff}.rank-medal--3{background:#cd7f32;color:#fff}.rank-medal--other{background:var(--surface-2);color:var(--text-muted)}.panel-table{width:100%;border-collapse:collapse}.panel-table th{position:sticky;top:0;background:var(--surface-1);z-index:10;padding:15px 20px;color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;text-align:left;border-bottom:1px solid var(--surface-3)}.panel-table td{padding:15px 20px;border-bottom:1px solid var(--surface-1);background:#fff}.panel-table tbody tr:hover td{background:var(--surface-1)}.page-wrapper{max-width:1400px;margin:0 auto;padding:0 var(--space-3);width:100%}.glass-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-5);margin-bottom:30px;background:#ffffff0d;padding:25px;border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.glass-header__title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:15px}.glass-header__subtitle{color:#fffc;font-size:clamp(.85rem,2vw,var(--text-lg));margin:0}.action-card-dark{padding:30px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--radius-xl);color:#fff;position:relative;overflow:hidden}.action-card-dark__glow{position:absolute;right:-20px;bottom:-20px;width:150px;height:150px;background:var(--primary);border-radius:var(--radius-full);filter:blur(60px);opacity:.3}.insight-box{padding:var(--space-5);background:#eff6ff;border-radius:15px;border:1px solid #dbeafe}.insight-box__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:#1e40af}.profile-wrapper{max-width:1000px;margin:0 auto;padding:2rem}.profile-grid{display:grid;grid-template-columns:minmax(280px,1fr) 3fr;gap:2rem}.insight-box__title{font-weight:800;font-size:var(--text-base)}.insight-box__body{margin:0;font-size:var(--text-base);color:#1e3a8a;line-height:1.4}.search-wrapper{position:relative}.search-wrapper__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.search-wrapper__input{padding:10px 15px 10px 40px;border-radius:var(--radius-lg);border:1px solid var(--surface-3);font-size:var(--text-base);background:var(--surface-1);width:100%}.search-wrapper__input:focus{outline:none;border-color:var(--secondary);box-shadow:0 4px 12px #87ceeb59}.stats-header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:30px;background:#ffffff0d;padding:25px;border-radius:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.stats-header-info{flex:1 1 auto;min-width:300px}.stats-header-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:flex-start;flex:1 1 auto}.range-selector{background:#fff;padding:6px;border-radius:var(--radius-xl);box-shadow:0 4px 15px #0000001a;display:flex;gap:4px;min-width:fit-content}.range-selector__btn{padding:10px 18px;border-radius:var(--radius-lg);border:none;background:transparent;color:var(--text-muted);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all .3s ease;white-space:nowrap}.range-selector__btn--active{background:var(--primary);color:#fff}.clinic-btn{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid #eee;background:#fff;cursor:pointer;text-align:left;transition:all .2s;width:100%}.clinic-btn--active{border:2px solid var(--primary);background:#0077b60d}.clinic-btn__name{font-weight:700;font-size:var(--text-base);color:var(--text-heading)}.clinic-btn__debt--owed{font-size:var(--text-xs);color:var(--color-overdue);font-weight:700;margin-top:2px}.client-profile-grid{display:grid;grid-template-columns:minmax(300px,350px) 1fr;gap:30px;max-width:1100px;margin:40px auto;padding:0 20px 40px}.client-profile-subgrid{display:grid;grid-template-columns:1fr 1fr}.clinic-btn__debt--clear{font-size:var(--text-xs);color:#22c55e;font-weight:700;margin-top:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-in-delayed{animation:fadeIn .5s ease-out .2s forwards;opacity:0}.recharts-responsive-container{min-width:0!important;min-height:0!important}.order-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100000}.order-modal-content{background:#fff;padding:0;border-radius:15px;max-width:1000px!important;width:95%!important;height:90vh!important;max-height:90vh!important;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important}.order-modal-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;border-bottom:1px solid #eee;background:#fff;scrollbar-width:none;-ms-overflow-style:none}.order-modal-tabs::-webkit-scrollbar{display:none!important}.order-modal-tabs button{flex:1;white-space:nowrap;border:none;background:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:.85rem;transition:all .2s}.order-info-tab-container{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start;width:100%}.order-info-main-col,.order-info-sidebar-col{display:flex;flex-direction:column;gap:24px}.info-card-premium{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.info-card-title{margin:0 0 16px;font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:1px;font-weight:800}.patient-doctor-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.patient-doctor-grid{grid-template-columns:1fr 1fr}}.info-badge-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:12px}.info-badge-icon{background:#f1f5f9;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.info-badge-label{font-size:.75rem;color:#64748b;text-transform:uppercase;font-weight:700;margin-bottom:2px}.info-badge-value{font-size:.95rem;font-weight:800;color:#0f172a}.specs-section-title{color:var(--secondary);font-size:1rem;font-weight:900;display:flex;align-items:center;gap:8px;margin:0 0 20px;border-bottom:2.5px solid #f1f5f9;padding-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.specs-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.specs-grid{grid-template-columns:1fr 1fr}}.spec-item-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:all .2s}.spec-item-box:hover{border-color:#cbd5e1;background:#f1f5f9}.spec-item-label{font-weight:700;color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.spec-item-value{color:#0f172a;font-size:.95rem;font-weight:700}.spec-item-value-empty{color:#94a3b8;font-size:.95rem;font-style:italic}.financial-premium-card{border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 6px -1px #0000000d}.financial-premium-card--paid{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #22c55e}.financial-premium-card--pending{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.financial-card-header{display:flex;justify-content:space-between;align-items:center}.financial-card-amount-box{display:flex;align-items:center;gap:12px}.financial-card-amount-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 2px 8px #0000000d}.financial-card-amount-icon--paid{background:#22c55e;color:#fff}.financial-card-amount-icon--pending{background:#ef4444;color:#fff}.financial-card-amount-label{font-size:.72rem;color:#64748b;text-transform:uppercase;font-weight:800;letter-spacing:.5px}.financial-card-amount-val{font-size:1.25rem;font-weight:900;color:#0f172a}.financial-card-status-badge{color:#fff;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:900;letter-spacing:.8px;box-shadow:0 2px 6px #0000001a}.financial-card-status-badge--paid{background:#22c55e}.financial-card-status-badge--pending{background:#ef4444}.sidebar-config-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.sidebar-config-title{color:#475569;margin:0 0 14px;font-size:.8rem;text-transform:uppercase;font-weight:800;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.private-notes-premium-card{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:20px;box-shadow:0 4px 10px #fab0050d}.private-notes-title{color:#b45309;margin:0 0 12px;font-size:.8rem;text-transform:uppercase;font-weight:800;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.private-notes-textarea{width:100%;min-height:110px;padding:12px;border-radius:10px;border:1px solid #fcd34d;margin-bottom:12px;font-size:.88rem;resize:vertical;outline:none;transition:all .2s}.private-notes-textarea:focus{border-color:#d97706;box-shadow:0 0 0 3px #fbbf2433}.private-notes-btn{width:100%;border:none;padding:11px;border-radius:10px;font-weight:800;font-size:.88rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}@media(max-width:768px){.order-info-tab-container{grid-template-columns:1fr;gap:20px}}.billing-charges-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:24px;box-shadow:0 10px 25px -5px #00000008,0 8px 10px -6px #00000008;transition:all .3s ease}.billing-table-header{display:grid;grid-template-columns:minmax(120px,1fr) 50px 90px 90px 30px;gap:12px;padding:12px 18px;background:#f8fafc;border-radius:10px;font-size:.72rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border:1px solid #f1f5f9}.billing-table-row{display:grid;grid-template-columns:minmax(120px,1fr) 50px 90px 90px 30px;gap:12px;padding:14px 18px;background:#fff;border-radius:12px;border:1px solid #f1f5f9;align-items:center;font-size:.88rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.billing-table-row:before{content:"";position:absolute;left:0;top:15%;height:70%;width:4px;background:var(--primary);border-radius:0 4px 4px 0;opacity:.8}.billing-table-row:hover{transform:translateY(-2px);border-color:#e2e8f0;box-shadow:0 8px 20px -4px #0000000f}.billing-quantity-badge{text-align:center;font-weight:800;background:#f1f5f9;color:#334155;padding:3px 8px;border-radius:8px;font-size:.82rem}.billing-total-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px;text-align:right;min-width:260px;box-shadow:inset 0 2px 4px #00000003}.billing-status-btn{padding:8px 16px;border-radius:10px;font-size:.78rem;font-weight:800;cursor:pointer;border:1px solid transparent;transition:all .25s ease;display:inline-flex;align-items:center;gap:6px;letter-spacing:.5px}.billing-status-btn.paid{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98133}.billing-status-btn.paid:hover{box-shadow:0 6px 16px #10b98159;transform:translateY(-1px)}.billing-status-btn.pending{background:#fff;color:#475569;border-color:#cbd5e1}.billing-status-btn.pending:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b;transform:translateY(-1px)}.billing-doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:12px}.billing-doc-card{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;cursor:pointer;text-align:left;border:1px solid transparent;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;width:100%}.billing-doc-card.invoice{background:#f0fdf4;border-color:#dcfce7}.billing-doc-card.invoice:hover{transform:translateY(-3px);box-shadow:0 10px 20px #22c55e14;border-color:#bbf7d0}.billing-doc-card.remission{background:#fff7ed;border-color:#ffedd5}.billing-doc-card.remission:hover{transform:translateY(-3px);box-shadow:0 10px 20px #f9731614;border-color:#ffd8a8}.billing-doc-icon-wrapper{color:#fff;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center}.billing-doc-icon-wrapper.invoice{background:linear-gradient(135deg,#22c55e,#16a34a)}.billing-doc-icon-wrapper.remission{background:linear-gradient(135deg,#f97316,#ea580c)}.billing-doc-delete{position:absolute;top:-8px;right:-8px;background:#fff;color:#ef4444;border:1px solid #fecaca;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 6px #0000000f;z-index:5;transition:all .2s ease}.billing-doc-delete:hover{transform:scale(1.15);background:#fef2f2;color:#dc2626;border-color:#fca5a5}.progress-add-process{background:#fff;padding:20px;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #00000003,0 2px 4px -1px #00000003;display:flex;flex-direction:column;gap:12px}.progress-add-process select{flex:1;padding:11px 16px!important;border-radius:12px!important;border:1px solid #e2e8f0!important;font-size:.88rem!important;outline:none;background:#f8fafc!important}.progress-add-process select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #14648426!important}.progress-add-process input[type=number]{width:80px;padding:11px!important;border-radius:12px!important;border:1px solid #e2e8f0!important;font-size:.88rem!important;outline:none;text-align:center;background:#f8fafc!important}.progress-add-process input[type=number]:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #14648426!important}.progress-process-card{background:#fff;padding:24px;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 10px 25px -5px #00000008;transition:all .3s ease}.progress-process-card:hover{box-shadow:0 12px 30px -5px #0000000f}.progress-timeline-line{position:absolute;left:11px;top:24px;bottom:24px;width:2px;background:#f1f5f9;z-index:0}.progress-step-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;z-index:1;flex-shrink:0;transition:all .25s ease}.progress-step-circle.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 3px 8px #10b98140;border:none!important}.progress-step-circle.current{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 0 0 3px #1464842e,0 3px 8px #14648440;border:none!important}.progress-step-circle.pending{background:#fff;color:#cbd5e1;border:2px solid #e2e8f0!important}.progress-active-badge{font-size:.58rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:2px 8px;border-radius:12px;font-weight:800;margin-left:10px;vertical-align:middle;letter-spacing:.5px;display:inline-block;box-shadow:0 2px 6px #14648433;animation:pulse-active-badge 1.8s infinite}@keyframes pulse-active-badge{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}to{transform:scale(1);opacity:1}}.progress-tech-select{padding:5px 12px!important;border-radius:8px!important;border:1px solid #e2e8f0!important;font-size:.76rem!important;outline:none;background:#f8fafc!important;font-weight:600;transition:all .2s ease}.progress-tech-select:focus{border-color:var(--primary)!important;background:#fff!important}.progress-tech-assign-self-btn{font-size:.72rem!important;font-weight:800!important;padding:5px 12px!important;border-radius:12px!important;border:1px solid var(--primary)!important;background:#fff!important;color:var(--primary)!important;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.progress-tech-assign-self-btn:hover{background:var(--primary)!important;color:#fff!important;box-shadow:0 3px 8px #14648433}.progress-history-card{background:#f8fafc;padding:24px;border-radius:20px;border:1px solid #e2e8f0}.progress-history-item{font-size:.82rem;color:#475569;padding:12px 14px;background:#fff;border-radius:10px;border:1px solid #f1f5f9;display:flex;gap:12px;align-items:flex-start;box-shadow:0 2px 4px #00000003;transition:all .2s ease}.progress-history-item:hover{border-color:#cbd5e1;box-shadow:0 4px 10px #00000005}#root{width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.loader{width:48px;height:48px;border:5px solid var(--primary-light);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}