@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";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);--text-main: #2b2b2b;--text-light: #666;--success: #28a745;--warning: #ffc107;--info: #17a2b8;--danger: #dc3545;--font-main: "Outfit", sans-serif}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:column!important}.sidebar-container{width:0!important}.mobile-topbar{display:flex!important}.sidebar-container{position:fixed;top:0;left:-300px;height:100vh;z-index:1001;transition:left .3s ease-in-out}.sidebar-container.open{left:0}.sidebar{height:100vh!important;position:relative!important;box-shadow:2px 0 15px #00000080!important}.mobile-close-btn{display:flex!important}.main-content{padding:1rem!important;width:100%!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;padding:1rem!important}.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}}@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 1fr;gap:2rem;align-items:start}.billing-sidebar-responsive{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 20px #0000000d;height:calc(100vh - 200px);display:flex;flex-direction:column}.billing-content-responsive{height:calc(100vh - 200px);overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}@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:750px!important}}@media(max-width:768px){th:nth-child(2),td:nth-child(2){display:none}}.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:6px 10px}.billing-text-btn{padding:6px 12px}@media(max-width:1250px){.billing-clinic-header{flex-direction:column!important;align-items:stretch!important}.billing-facturar-btn{width:100%!important}.billing-stats-grid{gap:.5rem!important}.billing-stat-box{flex-direction:column!important;align-items:flex-start!important;padding:.8rem!important}.billing-stat-title{font-size:.7rem!important;margin-bottom:5px!important}.billing-stat-val{font-size:1rem!important}.billing-action-btns{flex-direction:column!important;gap:6px!important}.billing-action-btns>button{width:100%!important;justify-content:center!important}.billing-icon-btn{padding:8px 10px!important}.billing-text-btn{padding:8px 12px!important}}@media(max-width:768px){.billing-clinic-title{font-size:1.5rem!important}.billing-stats-grid{grid-template-columns:1fr!important}.billing-stat-box{flex-direction:row!important;align-items:center!important}.billing-action-btns{flex-direction:row!important}.billing-action-btns>button{width:auto!important}.billing-icon-btn{padding:10px!important}.billing-text-btn{padding:10px 15px!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-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:flex-start!important;gap:15px!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-left:15px!important;padding-right: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}.profile-grid,.profile-form-grid{grid-template-columns:1fr!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 4px!important;font-size:.8rem!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}}#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)}}