@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box}:root{--primary-color:#0f766e;--secondary-color:#06b6d4;--accent-color:#2dd4bf;--background-light:#f8fafc;--surface-color:#fff;--text-main:#000;--text-muted:#000;--danger-color:#ef4444;--success-color:#10b981;--warning-color:#edaf3a;--border-color:#e2e8f0;--font-body:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--shadow-glow:0 0 20px #06b6d466;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:9999px;--transition-fast:.1s ease;--transition-normal:.15s ease}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0006}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#e2e8f0 4%,#cbd5e1 25%,#e2e8f0 36%) 0 0/1000px 100%;animation:2s linear infinite shimmer}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}input,button,textarea,select{font-family:inherit}button,a{touch-action:manipulation}body{font-family:var(--font-body);background-color:var(--background-light);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:var(--primary-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--secondary-color)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--radius-full);font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-normal);letter-spacing:.02em;border:none;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-size:1rem;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-glow);color:#fff;transform:translateY(-2px)}.btn-primary:active{transform:scale(.98)translateY(0)}.btn-outline{border:2px solid var(--primary-color);background-color:#0000;color:var(--primary-color)!important}.btn-outline:hover{background-color:var(--primary-color);transform:translateY(-2px);color:#fff!important}.btn-3d{cursor:pointer;background:0 0;border:none;outline:none;margin-bottom:6px;margin-right:6px;padding:0;text-decoration:none;display:inline-block}.btn-3d .button_top{background-color:var(--primary-color);color:#fff;font-size:1.05rem;font-weight:800;font-family:var(--font-heading);box-sizing:border-box;border:4px solid #000;align-items:center;gap:.5rem;padding:.75em 1.75em;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s cubic-bezier(.175,.885,.32,1.275),background-color .15s,color .15s;display:flex;box-shadow:6px 6px #000}.btn-3d:hover .button_top{transform:translate(-3px,-3px);box-shadow:8px 8px #000}.btn-3d:active .button_top{transform:translate(4px,4px)scale(.98);box-shadow:0 0 #000}.btn-3d-outline .button_top{color:var(--primary-color);background-color:#fff}.btn-3d-outline:hover .button_top{background-color:#f0fdfa}.btn-3d-dark .button_top{color:#fff;background-color:#000;box-shadow:6px 6px #666}.btn-3d-dark:hover .button_top{transform:translate(-3px,-3px);box-shadow:8px 8px #666}.btn-3d-dark:active .button_top{transform:translate(4px,4px)scale(.98);box-shadow:0 0 #666}.btn-3d-light .button_top{color:#000;background-color:#fff;box-shadow:6px 6px #000}.btn-3d-light:hover .button_top{transform:translate(-3px,-3px);box-shadow:8px 8px #000}.btn-3d-light:active .button_top{transform:translate(4px,4px)scale(.98);box-shadow:0 0 #000}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.5rem;display:grid}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table th{z-index:10;position:sticky;top:0}.card{background-color:var(--surface-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition-normal);border:1px solid #ffffff80;padding:2rem}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.15s ease-out forwards fadeIn}.form-group{margin-bottom:1rem}.form-label{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{border:3px solid #000;border-radius:0;outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s cubic-bezier(.175,.885,.32,1.275)}input:not([type=checkbox]):not([type=radio]),select,textarea{transition:all .2s ease-out;box-shadow:0 0 #0000}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:#000!important;outline:none!important;box-shadow:4px 4px #000!important}input.no-focus-shadow:focus{box-shadow:none!important;border-color:#0000!important}option{color:#000;background-color:#fff;border:3px solid #000;padding:.5rem;font-weight:700}.aurora-bg-container{background-color:var(--background-light);color:var(--text-main);flex-direction:column;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.aurora-overlay{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.aurora-gradient{opacity:.8;will-change:transform;--white:#ffffff80;--transparent:#fff0;--blue-1:#48bfe3;--blue-2:#72efdd;--blue-3:#5390d9;--blue-4:#80ffdb;--blue-5:#4ea8de;--white-gradient:repeating-linear-gradient(100deg, var(--white) 0%, var(--white) 7%, var(--transparent) 10%, var(--transparent) 12%, var(--white) 16%);--aurora:repeating-linear-gradient(100deg, var(--blue-1) 10%, var(--blue-2) 15%, var(--blue-3) 20%, var(--blue-4) 25%, var(--blue-5) 30%);background-image:var(--white-gradient), var(--aurora);filter:blur(15px);background-position:50%,50%;background-size:300% 200%;position:absolute;inset:-10px}.aurora-mask{-webkit-mask-image:radial-gradient(ellipse at 100% 0%, black 10%, var(--transparent) 70%);mask-image:radial-gradient(ellipse at 100% 0%, black 10%, var(--transparent) 70%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%, black 10%, var(--transparent) 70%)}.aurora-gradient:after{content:"";background-image:var(--white-gradient), var(--aurora);mix-blend-mode:normal;background-size:200% 100%;background-attachment:fixed;animation:60s linear infinite animateAurora;position:absolute;inset:0}@keyframes animateAurora{0%{background-position:50%,50%}to{background-position:350%,350%}}.glass{background:var(--surface-color);border:1px solid var(--border-color)}.glass-dark{background:var(--text-main);border:1px solid var(--border-color);color:#fff}.highlight-box-title{background-color:var(--primary-color);color:#fff;font-family:var(--font-heading);border:4px solid #000;margin-bottom:1.5rem;padding:.8rem 2.5rem;font-size:2rem;font-weight:800;display:inline-block;box-shadow:6px 6px #000}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.faq-section{background-color:var(--background-light);padding:2rem 0 4rem}.faq-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.faq-column{flex-direction:column;gap:1rem;display:flex}.faq-item{background-color:var(--surface-color);cursor:pointer;border:4px solid #000;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:6px 6px #000}.faq-item:hover{transform:translate(-4px,-4px);box-shadow:10px 10px #000}.faq-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.faq-question{color:var(--text-main);margin:0;font-size:1rem;font-weight:700;transition:color .2s}.faq-item:hover .faq-question{color:var(--primary-color)}.faq-icon{color:var(--text-muted);flex-shrink:0;transition:transform .3s}.faq-icon.open{color:var(--primary-color);transform:rotate(180deg)}.faq-panel{max-height:0;padding:0 1.5rem;transition:max-height .3s ease-out,padding .3s;overflow:hidden}.faq-panel.open{max-height:200px;padding:0 1.5rem 1.5rem}.faq-answer{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.6}.animate-fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hover-lift{transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-8px)}.text-gradient{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.review-card-responsive{width:100%!important;min-width:100%!important;max-width:100%!important}@media (width>=768px){.review-card-responsive{width:calc(50% - 1rem)!important;min-width:calc(50% - 1rem)!important;max-width:calc(50% - 1rem)!important}}.neo-brutal-card{color:#000;background:#fff;border:3px solid #000;border-radius:1rem;width:fit-content;max-width:600px;margin:1.5rem auto;padding:1rem 1.5rem;font-size:1.2rem;font-weight:800;line-height:1.6;transition:transform .1s,box-shadow .1s;overflow:hidden;box-shadow:6px 6px #000}@media (width<=768px){.neo-brutal-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important}}.neo-brutal-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000}.neo-brutal-card:active{transform:translate(4px,4px);box-shadow:0 0 #000}.metric-card{cursor:pointer;transition:transform .1s,box-shadow .1s!important}.metric-card:hover{transform:translate(-4px,-4px)!important;box-shadow:10px 10px #000!important}.metric-card:active{transform:translate(4px,4px)!important;box-shadow:0 0 #000!important}.navbar-hover{transition:all .2s!important}.navbar-hover:hover{background-color:var(--primary-color)!important;color:#fff!important;border-color:#fff!important;font-weight:800!important;transform:translateY(-2px)!important;box-shadow:4px 4px #fff!important}.footer-nav-link{transition:all .1s!important}.footer-nav-link:hover{background-color:var(--primary-color)!important;color:#fff!important;border-color:#fff!important;transform:translate(-2px,-2px)!important;box-shadow:4px 4px #fff!important}.hover-brutal-sm{transition:transform .1s,box-shadow .1s!important}.hover-brutal-sm:hover{transform:translate(-2px,-2px)!important;box-shadow:5px 5px #fff!important}.hover-brutal-sm:active{transform:translate(2px,2px)!important;box-shadow:1px 1px #fff!important}.hover-brutal-md{transition:transform .1s,box-shadow .1s!important}.hover-brutal-md:hover{transform:translate(-2px,-2px)!important;box-shadow:6px 6px #fff!important}.hover-brutal-md:active{transform:translate(2px,2px)!important;box-shadow:2px 2px #fff!important}.hover-brutal-lg{transition:transform .1s,box-shadow .1s!important}.hover-brutal-lg:hover{transform:translate(-2px,-2px)!important;box-shadow:8px 8px #fff!important}.hover-brutal-lg:active{transform:translate(2px,2px)!important;box-shadow:4px 4px #fff!important}.hero-zoomed{z-index:0;background-image:url(/hero-bg.jpg.jpg);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}.custom-revenue-card{background-color:#fff;border:4px solid #000;border-radius:0;width:100%;max-width:320px;padding:1rem;box-shadow:6px 6px #000}.custom-revenue-card .title{align-items:center;min-height:55px;display:flex}.custom-revenue-card .title span{background-color:#10b981;border:2px solid #000;border-radius:9999px;width:1.5rem;height:1.5rem;padding:.5rem;position:relative}.custom-revenue-card .title span svg{color:#fff;height:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-revenue-card .title-text{color:#374151;flex:1;min-width:0;margin-left:.5rem;font-size:18px;font-weight:800;line-height:1.2}.custom-revenue-card .percent{color:#02972f;white-space:nowrap;text-align:center;flex-shrink:0;align-items:center;margin-left:.5rem;font-weight:800;display:flex}.custom-revenue-card .data{flex-direction:column;justify-content:flex-start;display:flex}.custom-revenue-card .data p{color:#1f2937;text-align:left;margin-top:1rem;margin-bottom:1rem;font-size:2.25rem;font-weight:900;line-height:2.5rem}.custom-revenue-card .data .range{background-color:#e5e7eb;border:2px solid #000;border-radius:0;width:100%;height:.75rem;position:relative}.custom-revenue-card .data .range .fill{background-color:#10b981;border-right:2px solid #000;border-radius:0;width:76%;height:100%;position:absolute;top:0;left:0}@keyframes pulse-teal{0%{filter:drop-shadow(0 0 #2dd4bfcc)}70%{filter:drop-shadow(0 0 8px #2dd4bf00)}to{filter:drop-shadow(0 0 #2dd4bf00)}}.tooth-box{cursor:pointer;color:#000;filter:drop-shadow(3px 3px #000);justify-content:center;align-items:center;width:40px;height:55px;font-weight:900;transition:transform .2s;display:flex;position:relative}.tooth-box svg path{fill:#fff;transition:all .2s}.tooth-box:hover{filter:drop-shadow(5px 5px #000);transform:translate(-2px,-2px)}.tooth-box:hover svg path{fill:#f3f4f6}.tooth-diagnosed{color:#000;animation:2s infinite pulse-teal}.tooth-diagnosed svg path{fill:#2dd4bfcc!important}.tooth-label-popup{color:#fff;white-space:nowrap;pointer-events:none;z-index:50;box-shadow:4px 4px 0 var(--primary-color);background-color:#000;border:2px solid #000;padding:.5rem .75rem;font-size:.75rem;font-weight:800;position:absolute;bottom:110%;left:50%;transform:translate(-50%)}.tooth-label-popup:after{content:"";border:6px solid #0000;border-top-color:#000;position:absolute;top:100%;left:50%;transform:translate(-50%)}.responsive-2-col-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=768px){.responsive-2-col-grid{grid-template-columns:1fr}}.responsive-3-col-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.responsive-4-col-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}@media (width<=1024px){.responsive-3-col-grid,.responsive-4-col-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.responsive-3-col-grid,.responsive-4-col-grid{grid-template-columns:1fr}}.span-2-col{grid-column:span 2}@media (width<=1024px){.span-2-col{grid-column:span 1}}.split-right-col{border-left:4px dashed #000;flex-direction:column;gap:1rem;padding-left:2rem;display:flex}@media (width<=768px){.split-right-col{border-top:4px dashed #000;border-left:none;padding-top:1rem;padding-left:0}}@media screen{.print-only{display:none!important}}@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print{display:none!important}.print-only{display:block!important}@page{size:A4;margin:0}}@media (width<=1440px){.responsive-navbar-container{flex-wrap:wrap!important;justify-content:flex-start!important;gap:1.5rem!important}.responsive-navbar-nav{flex-wrap:wrap!important;justify-content:flex-start!important;gap:1rem!important}.responsive-navbar-clock{margin-left:0!important}}@media (width<=1280px){.responsive-navbar-container{gap:1rem!important}.responsive-navbar-nav{gap:.5rem!important}.responsive-navbar-nav a{padding:.5rem .75rem!important;font-size:1.05rem!important}.responsive-navbar-clock{min-width:auto!important;margin-left:0!important;padding:.5rem!important;font-size:1.05rem!important}.responsive-navbar-logo{font-size:1.25rem!important}}@media (width<=1024px){.responsive-navbar-container{flex-direction:column!important;gap:1rem!important;padding:1rem 0!important}.responsive-navbar-nav{flex-wrap:wrap!important;justify-content:center!important;width:100%!important;margin-left:0!important}.responsive-navbar-clock{margin-top:.5rem!important;margin-left:0!important}}@media (width<=768px){header.no-print{padding:.75rem 1rem!important}.responsive-navbar-container{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;padding:0!important}.responsive-navbar-nav a{padding:.25rem .5rem!important;font-size:.95rem!important}.responsive-navbar-clock{padding:.25rem .5rem!important;font-size:.85rem!important}.responsive-navbar-logo{font-size:1.1rem!important}}html,body{width:100%!important;overflow-x:hidden!important}.responsive-header-container{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.responsive-header-alert{flex-wrap:nowrap;flex:1;justify-content:flex-start;align-items:center;gap:1rem;min-width:300px;padding:0 1rem;display:flex}.responsive-actions-grid{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=1024px){.responsive-header-container{flex-direction:column;align-items:flex-start}.responsive-header-alert{flex-direction:column;align-items:stretch;width:100%;min-width:0;padding:0}.responsive-header-alert>div,.responsive-header-alert>button{width:100%}.responsive-header-alert>button .button_top{box-sizing:border-box;justify-content:center;width:100%}.responsive-actions-grid{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}}@media (width<=480px){.responsive-actions-grid{grid-template-columns:1fr}}.filter-bar{flex-wrap:wrap;align-items:stretch;gap:1rem;margin-bottom:2rem;display:flex}@media (width<=768px){.filter-bar{flex-direction:column}.filter-bar>button,.filter-bar>div{width:100%;max-width:100%!important}.responsive-actions-grid{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.responsive-header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.responsive-header-alert{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:1rem;display:flex}.desktop-only{display:none!important}.mobile-only{display:block!important}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.responsive-actions-grid{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;margin-bottom:1rem;display:grid}.responsive-actions-grid button{width:100%;padding:0;font-size:.8rem}.responsive-actions-grid .button_top{white-space:normal;text-align:center;box-sizing:border-box;justify-content:center;width:100%;padding:.5rem;font-size:.8rem!important}.stats-grid{grid-template-columns:1fr;gap:1rem;display:grid}.stats-grid>div{min-height:80px;padding:1rem!important}.metric-card{padding:1rem!important}.metric-card svg{width:24px;height:24px}.metric-card span{font-size:1.5rem!important}.responsive-header-alert{flex-direction:column;align-items:stretch!important}.bottom-sheet-modal{border-radius:20px 20px 0 0!important;max-width:100%!important;max-height:90vh!important;margin:0!important;animation:.3s ease-out slideUp!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (width>=769px){.mobile-only{display:none!important}}@media (width<=768px){.guide-modal-wrapper{flex-direction:column!important;overflow-y:auto!important}.guide-modal-sidebar{border-bottom:4px solid #000!important;border-right:none!important;flex:none!important;width:100%!important;max-height:250px!important}.guide-modal-content{padding:1.5rem!important}}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background-color:#0006;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{will-change:transform, opacity;animation:.2s cubic-bezier(.16,1,.3,1) forwards scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}tbody tr{transition:background-color .15s}table.patients-table.theme-revisits tbody tr:hover{color:#000!important;background-color:#fef3c7!important}table.patients-table.theme-orthodontics tbody tr:hover{color:#000!important;background-color:#e0f2fe!important}table.patients-table.theme-missed tbody tr:hover{color:#000!important;background-color:#fee2e2!important}tbody tr:hover{color:#000!important;background-color:#ccfbf1!important}
