@charset "UTF-8";:root{--primary-color: #0f4c81;--hover-color: #e4f1fb;--background-color: #f7f9fc;--card-background: #ffffff;--border-radius: 8px;--button-hover-bg: #646cff;--button-hover-border: #646cff;--text-color: #333333;--heading-font-size: 3rem;--view-button-bg: #007bff;--logo-text: #fff;--surgery-color: #0288d1;--surgery-bg: #e1f5fe;--surgery-hover: #b3e5fc;--review-color: #388e3c;--review-bg: #e8f5e9;--review-hover: #c8e6c9;--retarget-color: #f57c00;--retarget-bg: #fff3e0;--retarget-hover: #ffe0b2;--stationary-color: #7b1fa2;--stationary-bg: #f3e5f5;--stationary-hover: #e1bee7;--client-info-bg: snow}body{margin:0;flex-direction:column;align-items:center;justify-content:center;min-width:320px;min-height:100vh;max-width:100vw;overflow-x:hidden;background-color:var(--background-color);color:var(--primary-color);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}html{overflow-x:hidden;max-width:100vw}#root{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}h1{font-size:var(--heading-font-size);font-weight:700;color:var(--primary-color);margin-bottom:20px;text-align:center;z-index:1000}h2,h3{font-size:1.4rem;color:var(--primary-color);margin-bottom:10px}button{border-radius:var(--border-radius);padding:.6em 1.2em;font-size:1rem;font-weight:500;background-color:var(--view-button-bg);color:#fff;cursor:pointer;transition:background-color .25s,border-color .25s;border:1px solid transparent}button:hover{background-color:var(--button-hover-bg);border-color:var(--button-hover-border)}button:focus{outline:4px solid rgba(60,150,255,.5)}.post-header-info{background:#ffffffd9;padding:12px 24px;text-align:center;border-bottom:2px solid var(--accent-color);box-shadow:0 1px 4px #0000001a;margin-top:20px}.post-header-text{margin:0;font-family:system-ui,sans-serif;font-size:1.5rem;font-weight:800;color:#333;letter-spacing:.02em}@media (max-width: 768px){.post-header-info{width:auto;padding:8px 16px}.post-header-text{font-size:1rem}}.container{display:flex;flex-direction:column;padding:2rem;width:80%;margin:auto}.content{display:flex;justify-content:space-between;gap:20px}.templates-group{width:35%;max-height:600px;overflow-y:auto}.template-preview-container{width:65%}.template-group{background-color:var(--card-background);padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 4px 8px #0000001a;margin-bottom:30px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.template-group:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.template-group.surgery{border-top:4px solid var(--surgery-color);background-color:var(--surgery-bg)}.template-group.review{border-top:4px solid var(--review-color);background-color:var(--review-bg)}.template-group.retarget{border-top:4px solid var(--retarget-color);background-color:var(--retarget-bg)}.template-group.stationary{border-top:4px solid var(--stationary-color);background-color:var(--stationary-bg)}.template-group-header{margin-bottom:1.5rem;padding-bottom:.75rem;position:relative}.template-group-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,rgba(0,0,0,.1),transparent)}.template-group.surgery .template-group-header:after{background:linear-gradient(to right,var(--surgery-color),transparent)}.template-group.review .template-group-header:after{background:linear-gradient(to right,var(--review-color),transparent)}.template-group.retarget .template-group-header:after{background:linear-gradient(to right,var(--retarget-color),transparent)}.template-group.stationary .template-group-header:after{background:linear-gradient(to right,var(--stationary-color),transparent)}.template-group-header h2{font-size:1.3rem;display:flex;align-items:center}.template-group.surgery .template-group-header h2{color:var(--surgery-color)}.template-group.review .template-group-header h2{color:var(--review-color)}.template-group.retarget .template-group-header h2{color:var(--retarget-color)}.template-group.stationary .template-group-header h2{color:var(--stationary-color)}.template-card{background-color:#fff;padding:1.25rem;border-radius:var(--border-radius);box-shadow:0 2px 5px #00000014;position:relative;transition:all .3s ease;margin-bottom:1rem;display:flex;flex-direction:column}.template-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.template-card.surgery{border-left:4px solid var(--surgery-color)}.template-card.surgery:hover{background-color:var(--surgery-hover)}.template-card.review{border-left:4px solid var(--review-color)}.template-card.review:hover{background-color:var(--review-hover)}.template-card.retarget{border-left:4px solid var(--retarget-color)}.template-card.retarget:hover{background-color:var(--retarget-hover)}.template-card.stationary{border-left:4px solid var(--stationary-color)}.template-card.stationary:hover{background-color:var(--stationary-hover)}.template-card .template-header{font-size:1.1rem;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card .template-details{font-size:.9rem;margin-bottom:.75rem}.template-card .view-button{padding:.4rem 1rem;font-size:.9rem}.template-header{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.template-card.surgery .template-header{color:var(--surgery-color)}.template-card.review .template-header{color:var(--review-color)}.template-card.retarget .template-header{color:var(--retarget-color)}.template-card.stationary .template-header{color:var(--stationary-color)}.template-details{color:#666;font-size:.9rem;margin-bottom:1rem}.view-button{align-self:flex-end;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem;margin-top:auto}.template-card.surgery .view-button{background-color:var(--surgery-color)}.template-card.review .view-button{background-color:var(--review-color)}.template-card.retarget .view-button{background-color:var(--retarget-color)}.template-card.stationary .view-button{background-color:var(--stationary-color)}.view-button:hover{filter:brightness(1.1);transform:scale(1.05)}.template-preview-container{width:45%}.template-preview{background-color:var(--card-background);padding:2rem;border-radius:var(--border-radius);box-shadow:0 4px 8px #0000001a}.template-preview .template-header{margin-bottom:10px}.template-preview .template-details{margin-bottom:20px}.template-preview .template-content{font-size:1rem;line-height:1.6;color:#555}@media (max-width: 768px){.container{width:auto;padding:1rem}.content{flex-direction:column}.templates-group,.template-preview-container{width:100%}}.content{display:flex;justify-content:space-between;gap:30px}.templates-group{max-height:600px;overflow-y:auto}.template-preview-container{width:70%}.flex-between{display:flex;justify-content:space-between;align-items:center}.template-editor{width:60%;height:40vw;font-family:Fira Code,monospace;font-size:.95rem;padding:1rem;border:1px solid #ccc;border-radius:var(--border-radius);background-color:#f9f9f9;color:#333;resize:vertical;box-shadow:inset 0 1px 3px #0000001a;transition:border-color .3s,box-shadow .3s}.template-editor:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff33}.template-placeholder{color:#999;font-style:italic;padding:1rem}.template-content{margin-top:1rem;padding:1rem;background-color:#f4f4f4;border:1px solid #ddd;border-radius:var(--border-radius)}.subject-input{padding:.8rem;font-size:1rem;border:1px solid #ccc;border-radius:var(--border-radius);width:100%}.success-message{color:green;background-color:#e6f4ea;border:1px solid #b6e2c2;padding:.75rem 1rem;border-radius:.5rem;margin-top:1rem;font-weight:700;animation:fadeInOut 4s forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.edit-layout{display:flex;flex-direction:column;gap:1rem}.editor-preview-row{display:flex;gap:20px;align-items:flex-start}.template-content{width:50%;padding:1rem;border:1px solid #ccc;background-color:#fff;border-radius:var(--border-radius)}.content.editing{display:flex;justify-content:center}.template-preview-container.full-width,.template-preview-container{width:100%}.description-input{padding:.8rem;font-size:1rem;border:1px solid #ccc;border-radius:var(--border-radius);width:100%;resize:vertical}.switch-wrapper{margin-bottom:1rem;display:flex;align-items:center;margin-top:1.5vw}.switch-label{display:flex;align-items:center;cursor:pointer}.switch-input{display:none}.switch-slider{width:40px;height:22px;background-color:#ccc;border-radius:999px;position:relative;transition:background-color .3s}.switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s}.switch-input:checked+.switch-slider{background-color:#ff8c00}.switch-input:checked+.switch-slider:before{transform:translate(18px)}.switch-text{margin-left:.75rem;font-size:.95rem;color:#333}.filter-group{display:flex;align-items:center;background-color:#fff;padding:.75rem 1rem;margin-bottom:1.25rem}.filter-group label{font-weight:500;color:#555}.filter-group select{padding:.4rem .75rem;border-radius:var(--border-radius);border:1px solid #ddd;background-color:#fff;font-size:.95rem;color:#333;cursor:pointer;transition:all .2s ease}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #0f4c811a}.filter-group select:hover{border-color:#aaa}@media (max-width: 1024px){.container{width:90%;padding:1.5rem}.content{gap:20px}.templates-group{max-height:500px}.template-editor{width:100%;height:35vw}.editor-preview-row{flex-direction:column;gap:15px}.template-content{width:100%}h1{font-size:2.5rem}h2,h3{font-size:1.3rem}.template-group-header h2{font-size:1.2rem}}@media (max-width: 768px){.container{width:95%;padding:1rem}.content{flex-direction:column;gap:15px}.templates-group{width:100%;max-height:300px}.template-preview-container{width:100%}.template-editor{width:100%;height:50vh;font-size:.9rem}.editor-preview-row{flex-direction:column;gap:15px}.template-content{width:100%}h1{font-size:2rem}h2,h3{font-size:1.2rem}.template-group{padding:1.25rem;margin-bottom:20px}.template-group-header h2{font-size:1.1rem}.template-card{padding:1rem}.template-card .template-header{font-size:1rem}.template-card .template-details{font-size:.85rem}.view-button{padding:.4rem .9rem;font-size:.85rem}.filter-group{flex-direction:column;align-items:stretch;padding:.625rem .875rem}.filter-group select{width:100%;padding:.5rem}.switch-wrapper{margin-top:1rem}.post-header-info{padding:10px 14px}.post-header-text{font-size:1.2rem}}@media (max-width: 480px){.container{width:100%;padding:.75rem}h1{font-size:1.75rem;margin-bottom:15px}h2,h3{font-size:1.1rem;margin-bottom:8px}button{padding:.5em 1em;font-size:.9rem}.template-group{padding:1rem;margin-bottom:15px}.template-group-header h2{font-size:1rem}.template-card{padding:.875rem;margin-bottom:.75rem}.template-card .template-header{font-size:.95rem}.template-card .template-details{font-size:.8rem;margin-bottom:.75rem}.view-button{padding:.375rem .8rem;font-size:.8rem}.template-editor{font-size:.85rem;padding:.75rem;height:40vh}.subject-input,.description-input{padding:.7rem;font-size:.9rem}.filter-group{padding:.5rem .75rem;margin-bottom:1rem}.filter-group label{font-size:.9rem;margin-bottom:.5rem}.filter-group select{font-size:.9rem;padding:.5rem}.switch-text{font-size:.85rem}.switch-slider{width:36px;height:20px}.switch-slider:before{width:16px;height:16px}.switch-input:checked+.switch-slider:before{transform:translate(16px)}.post-header-info{padding:8px 12px;margin-top:15px}.post-header-text{font-size:1rem}.success-message{padding:.625rem .875rem;font-size:.9rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#111,#0d0d0d);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(247,127,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(247,127,0,.05) 0%,transparent 50%);pointer-events:none}.login-card{background:#1f1f1fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d;padding:3rem;width:100%;max-width:550px;position:relative;z-index:1;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo-section{display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.login-logo-image{width:80px;height:auto;margin-right:1rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .3s ease}.login-logo-image:hover{transform:scale(1.05)}.login-logo-text-container{display:flex;flex-direction:column}.login-logo-text{font-size:1.8rem;font-weight:600;color:#fff;line-height:1.2;letter-spacing:-.02em}.login-logo-subtext{font-size:1rem;color:#f77f00;margin-top:.25rem;font-weight:500}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-align:center;letter-spacing:-.01em;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-error{background-color:#cc333326;border:1px solid rgba(204,51,51,.3);color:#ff6b6b;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-input-group{display:flex;flex-direction:column;gap:.5rem}.login-label{font-weight:500;color:#fff;font-size:.95rem;letter-spacing:.01em}.login-input{padding:.875rem 1rem;font-size:1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background-color:#1f1f1f99;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-input::placeholder{color:#fff6}.login-input:focus{outline:none;border-color:#f77f0080;background-color:#1f1f1fcc;box-shadow:0 0 0 3px #f77f0026,0 4px 12px #0000004d;transform:translateY(-1px)}.login-input:hover:not(:focus){border-color:#ffffff26;background-color:#1f1f1fb3}.login-input:disabled{background-color:#1f1f1f66;cursor:not-allowed;opacity:.6}.login-button{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;background:#f77f001a;border:1px solid rgba(247,127,0,.3);color:#f77f00;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:.5rem;position:relative;overflow:hidden;letter-spacing:.02em}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.login-button:hover:not(:disabled){background:#f77f00;border-color:#f77f00;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f77f0066}.login-button:hover:not(:disabled):before{left:100%}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #f77f004d}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 1024px){.login-card{padding:2.5rem}.login-logo-image{width:70px}.login-logo-text,.login-title{font-size:1.65rem}}@media (max-width: 768px){.login-container{padding:1rem}.login-card{padding:2rem;border-radius:12px;max-width:80%;height:-webkit-fill-available}.login-logo-section{margin-bottom:2rem;padding-bottom:1.5rem}.login-logo-image{width:60px}.login-logo-text{font-size:1.5rem}.login-logo-subtext{font-size:.9rem}.login-title{font-size:1.5rem}.login-form{gap:1.25rem}.login-input{padding:.8rem .9rem;font-size:.95rem}.login-button{padding:.8rem 1.25rem;font-size:.95rem}}@media (max-width: 480px){.login-container{padding:.75rem}.login-card{padding:1.5rem;border-radius:10px;max-width:100%;height:-webkit-fill-available}.login-logo-section{margin-bottom:1.5rem;padding-bottom:1.25rem;flex-direction:column;gap:.75rem}.login-logo-image{width:50px;margin-right:0}.login-logo-text-container{align-items:center;text-align:center}.login-logo-text{font-size:1.3rem}.login-logo-subtext{font-size:.85rem}.login-title{font-size:1.3rem;margin-bottom:.4rem}.login-form{gap:1rem}.login-label{font-size:.9rem}.login-input{padding:.75rem .875rem;font-size:.9rem}.login-button{padding:.75rem 1.125rem;font-size:.9rem;margin-top:.4rem}.login-error{padding:.625rem .875rem;font-size:.85rem}}input:-webkit-autofill{background-color:#222!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out 0s}input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important}:root{--header-height: 80px;--header-bg: rgba(10, 10, 10, .98);--header-border: rgba(255, 255, 255, .08);--transition-speed: .3s;--transition-easing: cubic-bezier(.4, 0, .2, 1);--text-header-color: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--accent-color: #F77F00;--accent-hover: #FF8F20;--input-radius: 10px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}.dashboard-header{position:sticky;top:0;height:var(--header-height);background:var(--header-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow-md);border-bottom:1px solid var(--header-border);z-index:1000;display:flex;align-items:center;transition:all var(--transition-speed) var(--transition-easing);opacity:0;transform:translateY(-20px)}.dashboard-header--animate{animation:headerFadeIn .6s var(--transition-easing) forwards}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.dashboard-header,.dashboard-header-left,.dashboard-header-right{opacity:1;transform:translateY(0) translate(0)}.dashboard-header--animate,.dashboard-header-left--animate,.dashboard-header-right--animate{animation:none}}.dashboard-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--spacing-xl);gap:var(--spacing-lg)}.dashboard-header-left{display:flex;align-items:center;flex:0 0 auto;opacity:0;transform:translate(-20px)}.dashboard-header-left--animate{animation:slideInLeft .5s var(--transition-easing) .2s forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.dashboard-header-right{display:flex;align-items:center;gap:var(--spacing-md);flex:0 0 auto;margin-left:auto;opacity:0;transform:translate(20px)}.dashboard-header-right--animate{animation:slideInRight .5s var(--transition-easing) .3s forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.dashboard-logo-container{display:flex;align-items:center;cursor:pointer;transition:all var(--transition-speed) var(--transition-easing);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--input-radius);text-decoration:none;color:inherit}.dashboard-logo-container:hover{background:#ffffff0a;transform:translateY(-1px)}.dashboard-logo-container:active{transform:translateY(0)}.dashboard-logo-image{width:44px;height:44px;object-fit:contain;margin-right:var(--spacing-sm);transition:transform var(--transition-speed) var(--transition-easing);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dashboard-logo-container:hover .dashboard-logo-image{transform:scale(1.05)}.dashboard-logo-text-container{display:flex;flex-direction:column;margin-left:var(--spacing-xs)}.dashboard-logo-text{font-size:1.15rem;font-weight:600;color:var(--text-header-color);line-height:1.2;letter-spacing:-.01em}.dashboard-logo-subtext{font-size:.75rem;color:var(--accent-color);font-weight:500;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.dashboard-client-profile{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:#ffffff0d;border-radius:var(--input-radius);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-speed) var(--transition-easing);cursor:default}.dashboard-client-profile:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dashboard-client-name{font-size:.9rem;color:var(--text-header-color);font-weight:500;letter-spacing:.01em;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.dashboard-signout-button{padding:var(--spacing-xs) var(--spacing-lg);font-size:.875rem;font-weight:500;background:#f77f001f;border:1px solid rgba(247,127,0,.3);color:var(--accent-color);border-radius:var(--input-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-easing);position:relative;overflow:hidden;letter-spacing:.01em;white-space:nowrap;min-width:120px}.dashboard-signout-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s var(--transition-easing)}.dashboard-signout-button:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f77f0066}.dashboard-signout-button:hover:before{left:100%}.dashboard-signout-button:active{transform:translateY(0);box-shadow:0 2px 6px #f77f004d}.dashboard-signout-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width: 1024px){.dashboard-header-content{padding:0 var(--spacing-lg);gap:var(--spacing-md)}.dashboard-logo-image{width:40px;height:40px}.dashboard-logo-text{font-size:1.1rem}.dashboard-logo-subtext{font-size:.72rem}.dashboard-client-name{max-width:180px;font-size:.88rem}.dashboard-signout-button{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem;min-width:110px}}@media (max-width: 768px){:root{--header-height: 70px}.dashboard-header-content{padding:0 var(--spacing-md);gap:var(--spacing-sm)}.dashboard-logo-image{width:38px;height:38px}.dashboard-logo-text{font-size:1rem}.dashboard-logo-subtext{font-size:.7rem}.dashboard-header-right{gap:var(--spacing-sm)}.dashboard-client-profile{padding:6px var(--spacing-sm)}.dashboard-client-name{font-size:.85rem;max-width:150px}.dashboard-signout-button{padding:6px var(--spacing-md);font-size:.8rem;min-width:100px}}@media (max-width: 480px){:root{--header-height: 65px}.dashboard-header-content{padding:0 var(--spacing-sm);gap:var(--spacing-xs)}.dashboard-logo-text-container{display:none}.dashboard-logo-image{width:36px;height:36px;margin-right:0}.dashboard-client-profile,.dashboard-client-name{display:none}.dashboard-signout-button{padding:6px var(--spacing-sm);font-size:.75rem;min-width:90px}}:root{--transition-speed: .3s;--transition-easing: cubic-bezier(.4, 0, .2, 1)}.dashboard-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color);width:100%;max-width:100vw;overflow-x:hidden}.dashboard-main{flex:1;padding:2rem;max-width:1600px;width:80%;margin:0 auto;transition:padding var(--transition-speed) var(--transition-easing);overflow-x:hidden;opacity:0;transform:translateY(20px)}.dashboard-main--animate{animation:contentFadeIn .7s cubic-bezier(.4,0,.2,1) .4s forwards}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.dashboard-main{opacity:1;transform:translateY(0)}.dashboard-main--animate{animation:none}}@media (max-width: 1024px){.dashboard-main{padding:1.5rem;width:100%}}@media (max-width: 768px){.dashboard-main{padding:1rem;width:100%}}@media (max-width: 480px){.dashboard-main{padding:.75rem;width:100%}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid #eaeaea;padding-bottom:.75rem;background-color:var(--card-background);border-radius:var(--border-radius);padding:15px}.metrics-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;width:100%}.metrics-client-name{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:5px;font-size:.9rem;min-width:200px}.client-name-label{color:#666;font-weight:500}.client-name-value{color:var(--primary-color);font-weight:600}.client-selector,.comparison-selector{position:relative;min-width:200px}.metrics-select{width:100%;padding:.6rem 2rem .6rem .8rem;border-radius:5px;border:1px solid #ccc;background-color:#fff;font-size:.9rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.date-range-picker-container{position:relative;min-width:250px}.date-range-display{display:flex;align-items:center;gap:8px;padding:.6rem 1.8rem .6rem .6rem;border-radius:5px;border:1px solid #ccc;background-color:#fff;font-size:.9rem;cursor:pointer;position:relative}.date-range-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-icon{color:var(--primary-color)}.date-picker-dropdown{position:absolute;top:calc(100% + 5px);left:0;z-index:10000;background-color:#fff;border-radius:16px;box-shadow:0 8px 32px #0003,0 4px 16px #00000026;padding:45px 15px 15px;min-width:500px;max-width:700px;box-sizing:border-box}.date-picker-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:8px;transition:all .2s ease;z-index:10001}.date-picker-close-btn:hover{background-color:#f0f0f0;color:#0f4c81}.date-picker-close-btn:active{background-color:#e0e0e0;transform:scale(.95)}.date-picker-content{display:flex;gap:20px;align-items:flex-start}.calendar-section{flex:1;display:flex;flex-direction:column;align-items:center;width:90%;margin:0 auto}.quick-selectors-section{width:200px;flex-shrink:0;border-left:1px solid #e0e0e0;padding-left:15px}.quick-selectors-header{margin-bottom:10px;font-weight:600;color:#0f4c81;font-size:14px;text-align:center}.quick-selectors-grid{display:flex;flex-direction:column;gap:6px}.quick-selector-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500;color:#0f4c81;text-align:left;width:100%;justify-content:flex-start}.quick-selector-btn:hover{background-color:#0f4c81;color:#fff;border-color:#0f4c81;transform:translateY(-1px);box-shadow:0 2px 4px #0f4c8133}.quick-selector-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0f4c8133}.quick-selector-btn svg{flex-shrink:0}.custom-calendar{font-family:system-ui,sans-serif!important;border:none!important}.react-datepicker__month-container{background-color:#fff;width:100%}.react-datepicker{width:100%;display:flex;justify-content:center}.react-datepicker__month{margin:0 auto;width:100%}.date-selection-helper{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:10px;margin-bottom:15px;text-align:center;font-size:14px;color:#0f4c81;font-weight:500}@media (max-width: 768px){.date-picker-dropdown{position:fixed;top:0;left:0;right:0;width:100%;max-width:100%;min-width:unset;border-radius:16px 16px 0 0;padding:50px 20px 20px;max-height:100vh;overflow-y:auto;box-shadow:0 -8px 32px #0003,0 -4px 16px #00000026;z-index:10000}.date-picker-close-btn{top:15px;right:15px;padding:8px}.date-picker-content{flex-direction:column;gap:15px;align-items:center}.calendar-section{width:90%;max-width:90%}.quick-selectors-section{width:90%;max-width:90%;border-left:none;border-top:1px solid #e0e0e0;padding-left:0;padding-top:15px}.quick-selectors-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-selector-btn{justify-content:center;text-align:center}}.react-datepicker__header{background-color:#f7f9fc!important;border-bottom:1px solid #eaeaea!important;text-align:center}.react-datepicker__current-month{text-align:center!important;margin:0 auto!important}.react-datepicker__navigation{display:flex;align-items:center}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{background-color:var(--primary-color)!important;color:#fff!important}.react-datepicker__day--keyboard-selected{background-color:#0f4c8133!important;color:var(--primary-color)!important}.react-datepicker__day:hover{background-color:#0f4c811a!important}.all-data-toggle{display:flex;align-items:center;margin-left:auto}.switch-label{display:flex;align-items:center;font-size:.9rem}.switch-input{opacity:0;width:0;height:0}.switch-slider{position:relative;display:inline-block;width:40px;height:20px;background-color:#ccc;border-radius:20px;transition:.6s}.switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.4s}.switch-input:checked+.switch-slider{background-color:var(--primary-color)}.switch-input:checked+.switch-slider:before{transform:translate(20px)}.switch-text{margin-left:.3rem}button:hover{background-color:var(--primary-color)}.date-picker-footer{display:flex;justify-content:flex-end;padding:10px;border-top:1px solid #eaeaea;margin-top:5px}.date-picker-done-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.date-picker-done-btn:hover{background-color:#0d3d69}.react-datepicker__day--in-range{background-color:#0f4c8133!important;color:var(--text-color)!important}.react-datepicker__day--range-start,.react-datepicker__day--range-end{background-color:var(--primary-color)!important;color:#fff!important;border-radius:50%!important}.date-selection-helper{font-size:.8rem;color:#666;padding:5px 10px;text-align:center;background-color:#f7f9fc;border-radius:4px;margin-bottom:5px}@media (max-width: 992px){.metrics-header{padding:12px;margin-bottom:1.25rem}.metrics-controls{flex-direction:column;align-items:stretch;gap:.875rem}.client-selector,.date-range-picker-container,.comparison-selector{width:100%;min-width:unset}.metrics-client-name{min-width:unset}.metrics-select{font-size:.875rem;padding:.55rem 1.75rem .55rem .75rem}.date-range-display{font-size:.9rem;padding:.55rem 1.6rem .55rem .55rem}.all-data-toggle{margin-left:0;margin-top:.5rem}.switch-label{font-size:.875rem}}@media (max-width: 768px){.metrics-header{flex-direction:column;gap:1rem;align-items:stretch;padding:10px;margin-bottom:1rem}.metrics-controls{flex-direction:column;gap:.75rem}.client-selector,.date-range-picker-container,.comparison-selector{width:100%}.metrics-client-name{font-size:.85rem;padding:.5rem .875rem}.client-name-label{font-size:.85rem}.client-name-value{font-size:1rem}.metrics-select{font-size:.85rem;padding:.5rem 1.6rem .5rem .7rem}.date-range-display{font-size:.95rem;padding:.5rem 1.5rem .5rem .5rem}.date-picker-dropdown{position:fixed;top:0;left:0;right:0;width:100%;max-width:100%;min-width:unset;border-radius:16px 16px 0 0;padding:50px 15px 15px;max-height:100vh;overflow-y:auto;box-shadow:0 -8px 32px #0003,0 -4px 16px #00000026;z-index:10000}.date-picker-close-btn{top:15px;right:15px;padding:8px}.date-picker-content{flex-direction:column;gap:12px;align-items:center}.calendar-section{width:90%;max-width:90%}.quick-selectors-section{width:90%;max-width:90%;border-left:none;border-top:1px solid #e0e0e0;padding-left:0;padding-top:12px}.quick-selectors-grid{grid-template-columns:repeat(2,1fr);gap:6px}.quick-selector-btn{padding:8px 10px;font-size:11px;justify-content:center}.all-data-toggle{margin-top:.5rem}.switch-label{font-size:.85rem}.switch-slider{width:36px;height:18px}.switch-slider:before{width:14px;height:14px}.switch-input:checked+.switch-slider:before{transform:translate(18px)}}@media (max-width: 480px){.metrics-header{padding:8px;margin-bottom:.875rem;gap:.75rem}.metrics-controls{gap:.625rem}.metrics-client-name{font-size:.8rem;padding:.45rem .75rem;flex-direction:column;align-items:flex-start;gap:.25rem}.client-name-label{font-size:.8rem}.client-name-value{font-size:1rem}.metrics-select{font-size:.8rem;padding:.45rem 1.5rem .45rem .65rem}.date-range-display{font-size:.95rem;padding:.45rem 1.4rem .45rem .45rem}.date-picker-dropdown{position:fixed;top:0;left:0;right:0;width:100%;max-width:100%;min-width:unset;border-radius:16px 16px 0 0;padding:50px 15px 15px;max-height:100vh;overflow-y:auto;box-shadow:0 -8px 32px #0003,0 -4px 16px #00000026;z-index:10000}.date-picker-close-btn{top:15px;right:15px;padding:8px}.date-picker-content{align-items:center}.calendar-section{width:90%;max-width:90%}.quick-selectors-section{width:90%;max-width:90%;padding-top:10px}.quick-selectors-header{font-size:12px;margin-bottom:8px}.quick-selectors-grid{grid-template-columns:repeat(2,1fr);gap:6px}.quick-selector-btn{padding:7px 6px;font-size:10px;justify-content:center;text-align:center}.switch-label{font-size:.8rem}.switch-slider{width:32px;height:16px}.switch-slider:before{width:12px;height:12px}.switch-input:checked+.switch-slider:before{transform:translate(16px)}.switch-text{margin-left:.25rem;font-size:.95rem}}.metrics-group-tabs{display:flex;gap:.25rem;margin-bottom:2rem;background:#f8f9fa;border-radius:12px;padding:.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.metrics-group-tab{padding:.75rem 1.25rem;border:none;background:transparent;cursor:pointer;font-size:.95rem;font-weight:500;color:#6c757d;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metrics-group-tab:hover{background-color:#0f4c811a;color:var(--primary-color);transform:translateY(-1px)}.metrics-group-tab.active{background:linear-gradient(135deg,var(--primary-color) 0%,#1a5f8a 100%);color:#fff;font-weight:600;box-shadow:0 4px 12px #0f4c814d;transform:translateY(-1px)}.metrics-group-tab.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:8px}@media (max-width: 1024px){.metrics-group-tabs{gap:.2rem;padding:.45rem;margin-bottom:1.75rem}.metrics-group-tab{font-size:.925rem;padding:.7rem 1.15rem}}@media (max-width: 768px){.metrics-group-tabs{flex-wrap:wrap;gap:.25rem;padding:.4rem;margin-bottom:1.5rem}.metrics-group-tab{font-size:.9rem;padding:.4rem .8rem;flex:1 1 auto;min-width:calc(50% - .125rem)}}@media (max-width: 480px){.metrics-group-tabs{flex-wrap:wrap;gap:.6rem;padding:.35rem;margin-bottom:1.25rem;border-radius:10px}.metrics-group-tab{font-size:.8rem;padding:.35rem .6rem;min-width:calc(50% - .1rem);border-radius:6px}}.doctor-ratings-tooltip{background:#fff;border:1px solid;padding:10px}.doctor-ratings-tooltip.positive{border-color:#9dd9a3}.doctor-ratings-tooltip.positive .tooltip-content{color:#9dd9a3}.doctor-ratings-tooltip.warning{border-color:#fdd26e}.doctor-ratings-tooltip.warning .tooltip-content{color:#fdd26e}.doctor-ratings-tooltip.negative{border-color:#f28b82}.doctor-ratings-tooltip.negative .tooltip-content{color:#f28b82}.inba-charts-grid .recharts-bar-rectangle{margin-bottom:8px!important}.inba-charts-grid .recharts-cartesian-axis-tick{margin-bottom:4px!important}.inba-charts-grid .recharts-bar-rectangle{transform:translateY(4px)}.inba-charts-grid .recharts-yAxis .recharts-cartesian-axis-tick text{font-size:11px!important;font-weight:500;fill:#14365c!important}.compact-label{font-size:11px;font-weight:600;fill:#14365c}@media (max-width: 1024px){.chart-container{padding:18px}.chart-wrapper{overflow-x:auto}.chart-wrapper .recharts-wrapper{min-width:100%}.chart-wrapper .recharts-bar-chart{margin-left:-5px}.chart-wrapper .recharts-yAxis .recharts-cartesian-axis-tick text{font-size:11px!important}}@media (max-width: 768px){.chart-container{padding:16px;border-radius:12px}.chart-title{font-size:1.1rem;margin-bottom:12px}.chart-wrapper{overflow-x:auto;overflow-y:visible}.chart-wrapper .recharts-wrapper{min-width:100%}.chart-wrapper .recharts-bar-chart{margin-left:-10px}.chart-wrapper .recharts-yAxis{width:90px!important}.chart-wrapper .recharts-yAxis .recharts-cartesian-axis-tick text{font-size:10px!important}.chart-wrapper .recharts-bar-rectangle{height:16px!important}.compact-label{font-size:10px}}@media (max-width: 480px){.chart-container{padding:12px;border-radius:10px}.chart-title{font-size:1rem;margin-bottom:10px}.chart-wrapper{overflow-x:auto;overflow-y:visible}.chart-wrapper .recharts-wrapper{min-width:100%}.chart-wrapper .recharts-bar-chart{margin-left:-15px}.chart-wrapper .recharts-yAxis{width:75px!important}.chart-wrapper .recharts-yAxis .recharts-cartesian-axis-tick text{font-size:9px!important}.chart-wrapper .recharts-bar-rectangle{height:14px!important}.compact-label{font-size:9px}}.rating-chart-container:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0f4c8126;border-color:#0f4c8133}.rating-chart-wrapper{position:relative;height:300px;overflow:visible;max-width:95%;margin-left:auto;margin-right:auto}.rating-label{font-size:13px;font-weight:600;fill:#0f4c81;font-family:var(--font-family-primary)}.rating-tooltip{background:linear-gradient(135deg,#fff,#f8f9fa);padding:12px 16px;border-radius:12px;font-family:var(--font-family-primary);border:1px solid rgba(15,76,129,.2);box-shadow:0 8px 25px #0f4c8126;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rating-tooltip .name{color:#0f4c81;font-size:13px;font-weight:700;margin:0 0 4px}.rating-tooltip .value{color:#333;font-size:14px;font-weight:500;margin:0}.rating-tooltip .value .rating-number{font-weight:700}@media (max-width: 768px){.rating-chart-container{padding:16px;border-radius:12px}.rating-chart-title{font-size:1.1rem;margin-bottom:12px;min-height:40px}.rating-chart-wrapper{height:280px;max-width:100%}.rating-chart-wrapper .recharts-wrapper{margin-left:-10px}.rating-chart-wrapper .recharts-yAxis .recharts-cartesian-axis-tick text{font-size:11px!important}.rating-chart-wrapper .recharts-yAxis{width:90px!important}.rating-label{font-size:11px}}@media (max-width: 480px){.rating-chart-container{padding:12px;border-radius:10px}.rating-chart-title{font-size:1rem;margin-bottom:10px;min-height:36px}.rating-chart-wrapper{height:250px;max-width:100%}.rating-chart-wrapper .recharts-wrapper{margin-left:-15px}.rating-chart-wrapper .recharts-yAxis .recharts-cartesian-axis-tick text{font-size:10px!important}.rating-chart-wrapper .recharts-yAxis{width:75px!important}.rating-chart-wrapper .recharts-bar-rectangle{height:14px!important}.rating-label{font-size:10px}.rating-tooltip{padding:10px 12px;font-size:12px}.rating-tooltip .name{font-size:12px}.rating-tooltip .value{font-size:11px}}.chart-container{background:#f7f9fc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0f4c8112}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chart-title{color:var(--text-color);font-weight:700;font-size:1.15rem;font-family:var(--font-family-primary);letter-spacing:.01em;margin:0}.comparison-badge{border-radius:16px;font-weight:600;font-size:14px;padding:4px 12px;margin-left:12px}.comparison-badge.positive{background:#e6f4ea;color:#15803d;border:1.5px solid #34d399}.comparison-badge.negative{background:#fbeaea;color:#b91c1c;border:1.5px solid #ef4444}.custom-tooltip{background:#fff;border:1.5px solid #0f4c81;border-radius:10px;box-shadow:0 2px 8px #0f4c8122;padding:12px;font-size:17px}.tooltip-title{font-weight:700;color:#0f4c81;margin-bottom:4px}.tooltip-entry{color:inherit;font-weight:600;margin-bottom:2px}.tooltip-dot{display:inline-block;width:10px;height:10px;border-radius:5px;background:inherit;margin-right:6px;vertical-align:middle}.tooltip-value{margin-left:4px;font-weight:700}.tooltip-comparison{font-size:12px;color:#888;margin-left:4px}.legend-enviados{color:#0f4c81;font-weight:700}.legend-abiertos{color:#ff8f50;font-weight:700}.legend-open-rate{color:#28a745;font-weight:700}.legend-comparison{color:#b1b5bb;font-weight:500}.chart-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;border:1px solid #e2e8f0}.chart-title{margin:0 0 20px;color:#14365c;font-size:1.1rem;font-weight:600}.chart-wrapper{position:relative;width:100%;height:300px}.no-data-message{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-style:italic}.legend-enviados{color:#0f4c81}.legend-abiertos{color:#ff8f50}.legend-open-rate{color:#28a745}.wordcloud-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px;margin-bottom:20px}.wordcloud-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wordcloud-title{font-size:1.2rem;color:#0f4c81;margin:0;font-weight:600}.wordcloud-filter{width:250px}.wordcloud-select__control{border-color:#e0e0e0!important;box-shadow:none!important;border-radius:6px!important}.wordcloud-select__control:hover{border-color:#0f4c81!important}.wordcloud-select__option--is-selected{background-color:#0f4c81!important}.wordcloud-select__option:hover{background-color:#f0f0f0!important}.wordcloud-content{position:relative}.wordcloud-stats{display:flex;gap:20px;margin-bottom:15px;padding:10px;background:#f8f9fa;border-radius:6px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:8px 15px;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;flex:1}.stat-label{font-size:.85rem;color:#666;margin-bottom:4px}.stat-value{font-size:1.2rem;font-weight:600;color:#0f4c81}.wordcloud-visualization{height:300px;width:100%;margin:20px 0;position:relative}.wordcloud-tooltip{position:absolute;top:10px;right:10px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:0;font-size:.9rem;z-index:1000;box-shadow:0 4px 12px #00000026;min-width:200px;overflow:hidden}.tooltip-content{padding:12px 16px}.tooltip-title{font-weight:600;color:#0f4c81;margin-bottom:8px;font-size:1rem}.tooltip-stats{display:flex;justify-content:space-between;align-items:center;gap:12px}.tooltip-mentions{background:#f8f9fa;padding:4px 8px;border-radius:12px;font-size:.85rem;color:#666}.tooltip-percentage{background:#0f4c81;color:#fff;padding:4px 8px;border-radius:12px;font-size:.85rem;font-weight:600}.wordcloud-top-mentions{margin-top:20px;padding-top:15px;border-top:1px solid #eee}.wordcloud-top-mentions h4{font-size:1rem;color:#333;margin-bottom:12px;font-weight:600}.top-mentions-list{display:flex;flex-direction:column;gap:8px}.top-mention-item{display:flex;align-items:center;padding:8px;background:#f8f9fa;border-radius:4px;transition:all .2s ease}.top-mention-item:hover{background:#f0f0f0;transform:translate(4px)}.mention-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0f4c81;color:#fff;border-radius:50%;font-size:.85rem;margin-right:12px}.mention-text{flex:1;font-weight:500;color:#333}.mention-value{background:#e9ecef;padding:4px 8px;border-radius:12px;font-size:.85rem;color:#666;min-width:40px;text-align:center}.improvements-scatter-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.scatter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.scatter-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.scatter-filter{min-width:200px}.scatter-select__control{border:1px solid #e1e5e9;border-radius:8px;min-height:36px;box-shadow:none}.scatter-select__control:hover{border-color:#0f4c81}.scatter-select__control--is-focused{border-color:#0f4c81;box-shadow:0 0 0 1px #0f4c81}.scatter-select__placeholder{color:#6c757d;font-size:14px}.scatter-select__single-value{color:#1a1a1a;font-size:14px}.scatter-content{display:flex;flex-direction:column;gap:20px}.scatter-stats{display:flex;gap:24px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;min-width:120px}.stat-label{font-size:12px;color:#6c757d;font-weight:500;margin-bottom:4px}.stat-value{font-size:20px;font-weight:700;color:#0f4c81}.scatter-visualization{background:#fafbfc;border-radius:8px;padding:16px;border:1px solid #e1e5e9}.scatter-tooltip{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:0;max-width:280px}.tooltip-content{padding:16px}.tooltip-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.tooltip-stats{display:flex;flex-direction:column;gap:8px}.tooltip-stat{display:flex;justify-content:space-between;align-items:center}.tooltip-stat .stat-label{font-size:12px;color:#6c757d;font-weight:500}.tooltip-stat .stat-value{font-size:12px;color:#1a1a1a;font-weight:600}.scatter-legend{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e1e5e9}.scatter-legend h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.legend-items{display:flex;flex-wrap:wrap;gap:16px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.legend-label{font-size:12px;color:#1a1a1a;font-weight:500}.scatter-top-improvements{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e1e5e9}.scatter-top-improvements h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.top-improvements-list{display:flex;flex-direction:column;gap:8px}.top-improvement-item{display:grid;grid-template-columns:24px 1fr auto auto;align-items:center;gap:12px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e1e5e9}.improvement-rank{font-size:12px;font-weight:700;color:#0f4c81;text-align:center}.improvement-text{font-size:12px;color:#1a1a1a;font-weight:500;line-height:1.3}.improvement-frequency{font-size:12px;color:#6c757d;font-weight:600;text-align:right;min-width:40px}.improvement-impact{font-size:12px;color:#28a745;font-weight:600;text-align:right;min-width:35px}.no-data-message{display:flex;justify-content:center;align-items:center;min-height:200px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e5e9}.no-data-message p{color:#6c757d;font-size:16px;font-weight:500;margin:0;text-align:center}@media (max-width: 768px){.improvements-scatter-container{padding:16px}.scatter-header{flex-direction:column;align-items:stretch}.scatter-filter{min-width:auto}.scatter-stats,.legend-items{justify-content:center}.top-improvement-item{grid-template-columns:20px 1fr auto;gap:8px}.improvement-impact{display:none}}@media (max-width: 480px){.scatter-stats{flex-direction:column;align-items:center}.stat-item{width:100%;max-width:200px}.top-improvement-item{grid-template-columns:1fr;text-align:center;gap:4px}.improvement-rank{order:-1}}.rating-chart-container{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(15,76,129,.1);position:relative;overflow:hidden}.rating-chart-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0f4c81,#1a5f8a)}.rating-chart-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}@media (max-width: 768px){.rating-chart-header{flex-direction:column;align-items:stretch}.rating-chart-title{order:1;margin-bottom:0}.toggle-button{order:2;width:100%}}.rating-chart-title{margin:0 0 16px;color:#0f4c81;font-size:1.2rem;font-weight:700;font-family:var(--font-family-primary);letter-spacing:.02em;text-align:center;position:relative;padding-bottom:8px;min-height:44px;display:flex;align-items:flex-end;justify-content:center}.rating-chart-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(90deg,#0f4c81,#1a5f8a);border-radius:1px}.rating-chart-title.centered-title{text-align:center;flex:1}.toggle-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fff;color:#6c757d;min-width:90px;justify-content:center;position:relative}.toggle-button.best{border-color:#28a745;color:#28a745;background:#f0fff4}.toggle-button.best:hover{background:#28a745;color:#fff;border-color:#28a745;transform:translateY(-1px);box-shadow:0 4px 8px #28a74533}.toggle-button.worst{border-color:#dc3545;color:#dc3545;background:#fff5f5}.toggle-button.worst:hover{background:#dc3545;color:#fff;border-color:#dc3545;transform:translateY(-1px);box-shadow:0 4px 8px #dc354533}.toggle-button:active{transform:translateY(0)}.toggle-icon{font-size:.9rem;transition:transform .2s ease}.toggle-button:hover .toggle-icon{transform:scale(1.05)}.toggle-text{font-weight:500;letter-spacing:.3px}.chart-content{position:relative}@media (max-width: 768px){.chart-header{flex-direction:column;gap:12px;align-items:stretch}.chart-title{text-align:center;font-size:1.2rem}.toggle-button{width:100%;min-width:auto;padding:10px 16px}}@media (max-width: 576px){.doctor-rating-toggle-container{padding:16px;margin:12px 0}.chart-title{font-size:1.1rem}.toggle-button{padding:9px 14px;font-size:.8rem}}.metric-card{position:relative;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000014;border:1px solid rgba(226,232,240,.8);transition:all .3s cubic-bezier(.4,0,.2,1);padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;overflow:hidden;cursor:default}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0f4c81,#1a5a9a,#0f4c81);opacity:0;transition:opacity .3s ease}.metric-card:hover:before{opacity:1}.metric-card:hover{transform:translateY(-4px);box-shadow:0 4px 6px #0000001a,0 12px 24px #0000001f;border-color:#0f4c814d;background:linear-gradient(135deg,#fff,#fff)}.metric-card:active{transform:translateY(-2px);transition:transform .1s ease}.metric-card .metric-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.08em;line-height:1.4;margin-bottom:.75rem;text-align:center;width:100%;opacity:.85;transition:opacity .2s ease}.metric-card:hover .metric-title{opacity:1;color:#475569}.metric-card .metric-value{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:700;color:#0f4c81;line-height:1.1;margin:.5rem 0;text-align:center;display:flex;align-items:baseline;justify-content:center;gap:.25rem;min-height:3.5rem;position:relative;transition:color .3s ease}.metric-card:hover .metric-value{color:#0a3a6b}.metric-card .metric-value span{font-size:1.25rem;font-weight:500;color:#94a3b8;opacity:.8;transition:opacity .2s ease}.metric-card:hover .metric-value span{opacity:1}.metric-card .stars-display{display:flex;gap:.25rem;align-items:center;justify-content:center;margin:.75rem 0;padding:.5rem;border-radius:8px;background:#fbbf240d;transition:background .3s ease}.metric-card:hover .stars-display{background:#fbbf241a}.metric-card .star{font-size:1.5rem;color:#e2e8f0;transition:all .2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.metric-card .star.filled{color:#fbbf24;transform:scale(1);filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}.metric-card:hover .star.filled{transform:scale(1.05);color:#f59e0b}.metric-card .metric-change{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:6px;line-height:1.2;margin-top:.5rem;transition:all .2s ease;position:relative;overflow:hidden}.metric-card .metric-change:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:currentColor;opacity:.6}.metric-card .metric-change.positive{color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid rgba(16,185,129,.2);box-shadow:0 1px 2px #10b9811a}.metric-card .metric-change.positive:after{content:"↗";font-size:.875rem;font-weight:700;margin-left:.125rem}.metric-card:hover .metric-change.positive{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b9814d;transform:scale(1.02)}.metric-card .metric-change.negative{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid rgba(239,68,68,.2);box-shadow:0 1px 2px #ef44441a}.metric-card .metric-change.negative:after{content:"↘";font-size:.875rem;font-weight:700;margin-left:.125rem}.metric-card:hover .metric-change.negative{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef44444d;transform:scale(1.02)}.metric-card:focus-within{outline:2px solid #0f4c81;outline-offset:3px;box-shadow:0 0 0 4px #0f4c811a,0 4px 12px #0000001f}@media (max-width: 768px){.metric-card{padding:1.5rem 1.25rem;min-height:130px;border-radius:10px}.metric-card .metric-title{font-size:.7rem;margin-bottom:.625rem}.metric-card .metric-value{font-size:2.25rem;min-height:3rem}.metric-card .metric-value span{font-size:1.125rem}.metric-card .star{font-size:1.375rem}.metric-card .metric-change{font-size:.7rem;padding:.3125rem .625rem}}@media (max-width: 480px){.metric-card{padding:1.25rem 1rem;min-height:120px;border-radius:8px}.metric-card .metric-title{font-size:.65rem;letter-spacing:.06em;margin-bottom:.5rem}.metric-card .metric-value{font-size:2rem;min-height:2.75rem}.metric-card .metric-value span{font-size:1rem}.metric-card .star{font-size:1.25rem}.metric-card .stars-display{gap:.125rem;padding:.375rem}.metric-card .metric-change{font-size:.65rem;padding:.25rem .5rem}}@media (prefers-reduced-motion: reduce){.metric-card,.metric-card .metric-title,.metric-card .metric-value,.metric-card .metric-value span,.metric-card .star,.metric-card .metric-change{transition:none!important}.metric-card:hover,.metric-card:hover .star.filled,.metric-card:hover .metric-change{transform:none!important}}@media (prefers-contrast: high){.metric-card{border:2px solid #0f4c81;background:#fff}.metric-card .metric-title{color:#1e293b;font-weight:700}.metric-card .metric-value{color:#0a3a6b}.metric-card .metric-change{border-width:2px;font-weight:700}.metric-card .star.filled{color:#d97706}}@media (prefers-color-scheme: dark){.metric-card{border-color:#94a3b833}.metric-card .metric-title{font-size:17px}.metric-card .metric-value{color:#60a5fa}.metric-card:hover{border-color:#60a5fa4d}}.chart-container{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(15,76,129,.1);position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.chart-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,#1a5f8a 100%)}.charts-header{background-color:#f7f9fc;padding:15px 20px;border-bottom:1px solid var(--border-color);font-weight:600;font-family:var(--font-family-primary);color:var(--primary-color)}.metrics-charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.chart-container:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0f4c8126;border-color:#0f4c8133}.chart-container h3{margin:0 0 20px;color:var(--primary-color);font-size:1.2rem;font-weight:700;font-family:var(--font-family-primary);letter-spacing:.02em;text-align:center;position:relative;padding-bottom:12px}.chart-container h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(90deg,var(--primary-color) 0%,#1a5f8a 100%);border-radius:1px}.chart-wrapper{position:relative;height:300px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.chart-container[data-inba=true] .chart-wrapper{height:400px}.no-data-message{display:flex;align-items:center;justify-content:center;height:200px;color:#666;font-style:italic;background-color:#f8f9fa;border-radius:6px}.compact-label{font-size:13px;font-weight:600;fill:var(--primary-color);font-family:var(--font-family-primary)}.custom-tooltip{background:linear-gradient(135deg,#fff,#f8f9fa);color:var(--text-color);padding:12px 16px;border-radius:12px;font-size:13px;font-family:var(--font-family-primary);font-weight:500;border:1px solid rgba(15,76,129,.2);box-shadow:0 8px 25px #0f4c8126;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-label{font-weight:700;margin-bottom:4px}@media (max-width: 1200px){.metrics-charts-row{grid-template-columns:repeat(2,1fr);gap:18px}.chart-container{padding:20px}.chart-container h3{font-size:1.15rem}.chart-wrapper{height:280px}.chart-container[data-inba=true] .chart-wrapper{height:380px}}@media (max-width: 992px){.metrics-charts-row{grid-template-columns:repeat(2,1fr);gap:16px}.chart-container{padding:18px}.chart-container h3{font-size:1.1rem;margin-bottom:18px}.chart-wrapper{height:260px}.chart-container[data-inba=true] .chart-wrapper{height:350px}.custom-tooltip{padding:10px 14px;font-size:12px}}@media (max-width: 768px){.metrics-charts-row{grid-template-columns:1fr;gap:15px;min-width:0}.chart-container{min-width:0;width:100%}.chart-container{padding:15px}.chart-container h3{font-size:1.05rem;margin-bottom:15px;padding-bottom:10px}.chart-container h3:after{width:35px;height:2px}.chart-wrapper{height:300px}.chart-container[data-inba=true] .chart-wrapper{height:320px}.custom-tooltip{padding:10px 12px;font-size:11px}.tooltip-label{font-size:12px}.no-data-message{height:180px;font-size:14px}}@media (max-width: 480px){.metrics-charts-row{gap:12px;min-width:0}.chart-container{min-width:0;width:100%}.charts-header{padding:10px 15px;font-size:.9rem}.chart-container{padding:12px;border-radius:12px}.chart-container h3{font-size:1rem;margin-bottom:12px;padding-bottom:8px}.chart-container h3:after{width:30px;height:1.5px}.chart-wrapper{height:250px}.chart-container[data-inba=true] .chart-wrapper{height:280px}.custom-tooltip{padding:8px 10px;font-size:10px;border-radius:8px}.tooltip-label{font-size:11px;margin-bottom:3px}.no-data-message{height:150px;font-size:13px}.compact-label{font-size:11px}}.chart-container{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(15,76,129,.1);position:relative;overflow:hidden;min-height:550px;width:100%;max-width:100%;box-sizing:border-box}.chart-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0f4c81,#1a5f8a)}.chart-header{margin-bottom:20px;position:relative}@media (max-width: 768px){.chart-header{display:flex;flex-direction:column;gap:8px}.chart-toolbar{align-self:flex-end;margin-top:0;position:relative}.config-popover{padding-top:40px}}.chart-header h3{margin:0;color:#0f4c81;font-size:1.2rem;font-weight:700;font-family:var(--font-family-primary);letter-spacing:.02em}.chart-subtitle{margin:4px 0 0;color:#64748b;font-size:.9rem}.chart-toolbar{position:absolute;top:24px;right:24px}.toolbar-button{background:transparent;border:none;padding:8px;cursor:pointer;color:#64748b;border-radius:6px;transition:all .2s ease}.toolbar-button:hover{background:#f1f5f9;color:#0f4c81}.config-popover{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:44px 20px 20px;min-width:400px;width:max-content;max-width:450px;z-index:1000;border:1px solid #e2e8f0;opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .2s ease;position:relative;box-sizing:border-box}.config-close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;padding:6px;color:#64748b;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1001;width:28px;height:28px}.config-popover.open{opacity:1;transform:translateY(0);pointer-events:auto}.config-row{margin-bottom:16px}.config-row:last-child{margin-bottom:0}.config-label{font-size:.9rem;color:#475569;margin-bottom:8px;font-weight:500}.config-select{width:100%;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;color:#475569}.checkbox-list-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;max-height:200px;overflow:hidden;display:flex;flex-direction:column}.checkbox-list-actions{display:flex;gap:8px;padding:8px;background:#fff;border-bottom:1px solid #e2e8f0}.checkbox-list-button{padding:4px 8px;font-size:.8rem;background:transparent;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;transition:all .2s ease}.checkbox-list-button:hover{background:#f1f5f9;color:#0f4c81}.checkbox-list{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#475569;cursor:pointer}.checkbox-item input[type=checkbox]{width:16px;height:16px}.switch{display:flex;align-items:center;gap:8px;cursor:pointer}.switch input[type=checkbox]{width:16px;height:16px}.switch-label{font-size:.9rem;color:#475569}.chart-content{position:relative;width:100%;max-width:100%;height:450px;margin-top:20px;overflow:visible;box-sizing:border-box;padding-bottom:10px}.no-data-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#94a3b8;font-size:.9rem;text-align:center}.custom-tooltip{background:#fff;border-radius:6px;padding:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e2e8f0}.tooltip-label{margin:0 0 8px;color:#475569;font-size:.85rem;font-weight:500}.tooltip-item{margin:4px 0;font-size:.85rem}@media (max-width: 1024px){.chart-container{padding:22px;margin-bottom:22px;min-height:520px}.chart-header h3{font-size:1.15rem}.chart-content{height:420px}.config-popover{min-width:260px}}@media (max-width: 768px){.chart-container{padding:20px;margin-bottom:20px;min-height:500px;border-radius:12px}.chart-header{margin-bottom:16px}.chart-header h3{font-size:1.1rem}.chart-subtitle{font-size:.85rem}.chart-toolbar{position:static;margin-top:16px;display:flex;justify-content:flex-end;width:100%}.toolbar-button{padding:6px;font-size:.9rem}.config-popover{right:-20px;min-width:calc(100vw - 40px);max-width:calc(100vw - 40px);padding:14px;position:fixed;z-index:1001;max-height:calc(100vh - 100px);overflow-y:auto}.segmented{flex-wrap:wrap;gap:2px}.segmented-item{flex:1 1 calc(50% - 2px);min-width:calc(50% - 2px);font-size:.75rem;padding:4px 8px}.config-row{margin-bottom:12px}.config-label{font-size:.85rem}.segmented-item{padding:5px 10px;font-size:.8rem}.chart-content{height:420px;margin-top:16px;padding-bottom:20px;width:100%;max-width:100%}.chart-content .recharts-wrapper{width:100%!important}.chart-content .recharts-wrapper,.chart-content .recharts-surface{overflow:visible}.chart-content .recharts-responsive-container{height:420px!important;min-height:420px}.custom-tooltip{padding:10px;font-size:.8rem}}@media (max-width: 480px){.chart-container{padding:16px;margin-bottom:16px;min-height:450px;border-radius:10px}.chart-header{margin-bottom:12px}.chart-header h3{font-size:1rem}.chart-subtitle{font-size:.8rem}.chart-toolbar{margin-top:12px}.toolbar-button{padding:5px;font-size:.85rem}.config-popover{right:-16px;min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);padding:12px;position:fixed;z-index:1001;max-height:calc(100vh - 80px);overflow-y:auto}.config-row{margin-bottom:10px;flex-direction:column;align-items:flex-start;gap:6px}.config-label{font-size:.8rem;margin-bottom:4px;width:100%}.segmented{width:100%;flex-wrap:wrap;gap:2px}.segmented-item{padding:4px 6px;font-size:.7rem;flex:1 1 calc(50% - 2px);min-width:calc(50% - 2px)}.checkbox-list-container{width:100%;max-height:180px}.checkbox-list{max-height:140px}.config-select{width:100%;font-size:.85rem;padding:6px}.checkbox-list-container{max-height:150px}.checkbox-list-button{padding:3px 6px;font-size:.75rem}.checkbox-item{font-size:.8rem}.switch-label{font-size:.85rem}.chart-content{height:380px;margin-top:12px;padding-bottom:20px;width:100%;max-width:100%;padding-left:0;padding-right:0}.chart-content .recharts-wrapper{overflow:visible;width:100%!important}.chart-content .recharts-surface{overflow:visible}.chart-content .recharts-responsive-container{height:380px!important;min-height:380px;width:100%!important}.chart-content .recharts-line-chart{width:100%!important}.custom-tooltip{padding:8px;font-size:.75rem;max-width:180px}.tooltip-label{font-size:.8rem;margin-bottom:6px}.tooltip-item{font-size:.75rem}.no-data-message{font-size:.85rem}}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin:20px 0;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.chart-header{margin-bottom:12px;text-align:center;position:relative}.chart-header h3{color:#0f4c81;font-size:18px;font-weight:700;margin:0 0 5px}.chart-subtitle{color:#666;font-size:13px;margin:0;font-style:italic}.chart-toolbar{position:absolute;top:8px;right:8px;display:flex;gap:8px}@media (min-width: 769px){.chart-toolbar .toolbar-button.hidden-when-open{display:none}}.toolbar-button{border:1px solid #e0e0e0;background:#fff;border-radius:6px;padding:6px 8px;cursor:pointer;box-shadow:0 1px 2px #0000000f}.toolbar-button:hover{background:#f8f9fa}.toolbar-button .icon{display:block;color:#0f4c81}.config-popover{position:absolute;top:36px;right:0;width:400px;max-width:450px;min-width:400px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 20px #00000014;padding:44px 20px 20px;z-index:2;opacity:0;transform:translateY(-6px);transition:opacity .12s ease,transform .12s ease;box-sizing:border-box;position:relative}.config-close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;padding:6px;color:#666;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1001;width:28px;height:28px}.config-close-button:hover{background:#f1f5f9;color:#0f4c81}.config-popover.open{opacity:1;transform:translateY(0)}.config-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.config-label{font-size:12px;font-weight:600;color:#0f4c81}.config-select{flex:1;padding:6px 8px;border:1px solid #d0d7de;border-radius:6px;font-size:12px}.segmented{display:flex;background:#f1f5f9;border-radius:6px;padding:4px;gap:4px;width:100%;box-sizing:border-box}.segmented-item{flex:1;padding:6px 8px;font-size:.85rem;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-width:0;position:relative;text-align:center}.segmented-item:hover{color:#0f4c81;background:#0f4c8114;transform:translateY(-1px)}.segmented-item.active{background:#fff;color:#0f4c81;font-weight:500;box-shadow:0 2px 6px #0f4c8126;transform:translateY(0)}.segmented-item.active:hover{background:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #0f4c8133}.switch{display:inline-flex;align-items:center;gap:8px}.switch-label{font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.chip{background:#f1f5f9;color:#0f4c81;border:1px solid #e2e8f0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.chips-selectable{justify-content:flex-start}.chips-selectable .chip{cursor:pointer;transition:background .12s ease,color .12s ease}.chips-selectable .chip:hover{background:#e2e8f0}.chip-active{background:#0f4c81;color:#fff;border-color:#0f4c81}.chart-content{width:100%;max-width:100%;height:400px;overflow:visible;box-sizing:border-box;padding-bottom:10px}.chart-content .recharts-wrapper,.chart-content .recharts-surface{overflow:visible}.custom-tooltip{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:8px 10px;box-shadow:0 2px 8px #0000001a;max-width:220px}.tooltip-label{font-weight:600;color:#0f4c81;margin:0 0 6px;font-size:12px}.tooltip-item{margin:2px 0;font-size:12px;font-weight:600}.recharts-legend-wrapper{padding-top:20px}.recharts-legend-item{font-size:11px;font-weight:500}.recharts-line{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.chart-controls{margin-top:15px;padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:1px solid #dee2e6;box-shadow:0 2px 8px #0000000d}.control-section{margin-bottom:15px;padding:12px;background-color:#fff;border-radius:6px;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000000d}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.control-group{display:flex;align-items:center;gap:8px}.control-group label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#0f4c81;cursor:pointer}.control-group input[type=checkbox]{width:16px;height:16px;accent-color:#0f4c81}.control-group select{padding:4px 8px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;background-color:#fff;color:#0f4c81;cursor:pointer}.control-group select:focus{outline:none;border-color:#0f4c81;box-shadow:0 0 0 2px #0f4c811a}.chart-info{font-size:13px;color:#0f4c81;font-weight:500;margin-bottom:15px;padding:8px 12px;background-color:#e8f4fd;border-radius:6px;border:1px solid #b3d9ff}.scale-info{font-size:11px;color:#0f4c81;font-weight:500;background-color:#e8f4fd;padding:2px 6px;border-radius:4px;border:1px solid #b3d9ff}.individual-selection{width:100%;margin-top:12px;padding:12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.selection-controls{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.btn-small{padding:4px 8px;font-size:12px;background-color:#0f4c81;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.btn-small:hover{background-color:#0d3a5f}.selection-count{font-size:12px;color:#666;font-weight:500}.doctor-list{max-height:200px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;padding:8px;background-color:#fff;border-radius:4px;border:1px solid #e0e0e0}.doctor-checkbox{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-size:12px}.doctor-checkbox:hover{background-color:#f0f0f0}.doctor-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:#0f4c81}.doctor-name{color:#333;font-weight:500}.doctor-list::-webkit-scrollbar{width:6px}.doctor-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.doctor-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.doctor-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 1024px){.chart-container{padding:18px;margin:18px 0}.chart-header h3{font-size:17px}.chart-content{height:350px}.config-popover{width:360px;min-width:360px;max-width:400px}.control-row{grid-template-columns:1fr;gap:15px}.doctor-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.chart-container{padding:15px;margin:15px 0;border-radius:10px}.chart-header{margin-bottom:10px}.chart-header h3{font-size:16px}.chart-subtitle{font-size:12px}.chart-toolbar{top:6px;right:6px;position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:8px}.toolbar-button{padding:5px 7px}.config-popover{width:calc(100vw - 40px);max-width:320px;right:0;padding:10px;position:fixed;z-index:1001;max-height:calc(100vh - 100px);overflow-y:auto}.segmented{flex-wrap:wrap;gap:2px}.segmented-item{flex:1 1 calc(50% - 2px);min-width:calc(50% - 2px);font-size:.75rem;padding:4px 8px}.chart-content{height:350px;padding-bottom:20px;width:100%;max-width:100%}.chart-content .recharts-wrapper{width:100%!important}.chart-content .recharts-wrapper,.chart-content .recharts-surface{overflow:visible}.chart-content .recharts-responsive-container{height:350px!important;min-height:350px}.chart-controls{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.control-section{width:100%;padding:10px}.control-row{grid-template-columns:1fr;gap:12px;margin-top:12px}.control-group{width:100%}.control-group label{font-size:13px}.chart-info{margin-left:0;font-size:12px;padding:6px 10px}.individual-selection{padding:10px}.selection-controls{gap:8px}.doctor-list{grid-template-columns:1fr;max-height:180px}.custom-tooltip{max-width:200px;padding:6px 8px}.tooltip-label,.tooltip-item{font-size:11px}}@media (max-width: 480px){.chart-container{padding:12px;margin:12px 0;border-radius:8px}.chart-header{margin-bottom:8px}.chart-header h3{font-size:14px;margin-bottom:4px}.chart-subtitle{font-size:11px}.chart-toolbar{top:4px;right:4px;gap:4px;position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:6px}.toolbar-button{padding:4px 6px}.toolbar-button .icon{font-size:14px}.config-popover{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:36px 8px 8px;top:32px;position:fixed;z-index:1001;max-height:calc(100vh - 80px);overflow-y:auto}.config-row{margin-bottom:8px;flex-direction:column;align-items:flex-start;gap:6px}.config-label{font-size:11px;width:100%}.config-select{width:100%;font-size:11px;padding:5px 7px}.segmented{width:100%;flex-wrap:wrap;gap:2px}.segmented-item{padding:4px 6px;font-size:.7rem;flex:1 1 calc(50% - 2px);min-width:calc(50% - 2px)}.checkbox-list-container{width:100%;max-height:180px}.checkbox-list{max-height:140px}.chart-content{height:320px;padding-bottom:20px;width:100%;max-width:100%;padding-left:0;padding-right:0}.chart-content .recharts-wrapper{overflow:visible;width:100%!important}.chart-content .recharts-surface{overflow:visible}.chart-content .recharts-responsive-container{height:320px!important;min-height:320px;width:100%!important}.chart-content .recharts-line-chart{width:100%!important}.chart-controls{padding:10px;margin-top:12px}.control-section{padding:8px}.control-row{gap:10px;margin-top:10px}.control-group label{font-size:12px}.control-group input[type=checkbox]{width:14px;height:14px}.chart-info{font-size:11px;padding:5px 8px;margin-bottom:12px}.individual-selection{padding:8px;margin-top:10px}.selection-controls{gap:6px;margin-bottom:10px;flex-direction:column;align-items:stretch}.btn-small{padding:3px 6px;font-size:11px;width:100%}.selection-count{font-size:11px;text-align:center}.doctor-list{max-height:150px;gap:6px;padding:6px}.doctor-checkbox{padding:3px 6px;font-size:11px}.doctor-checkbox input[type=checkbox]{width:12px;height:12px}.custom-tooltip{max-width:160px;padding:6px}.tooltip-label{font-size:10px;margin-bottom:4px}.tooltip-item{font-size:10px}.no-data-message{padding:30px 15px;font-size:14px}.scale-info{font-size:10px;padding:2px 5px}}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:all .3s ease}.sortable-header:hover{background-color:#1c598f!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.sortable-header.active-sort{background-color:#0d3a5f!important;box-shadow:inset 0 2px 4px #0000001a}.header-content{display:flex;align-items:center;justify-content:space-between;gap:8px}.header-label{flex:1;font-weight:700}.sort-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px;font-weight:700;transition:all .3s ease;border-radius:3px}.sort-icon.inactive{opacity:.4;color:#fff9}.sort-icon.active{opacity:1;color:#fff;background-color:#fff3;animation:pulse .3s ease}.sort-icon.active.asc{color:#4ade80}.sort-icon.active.desc{color:#f87171}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.table thead th:hover .sort-icon.inactive{opacity:.8;color:#ffffffe6}.table-no-data{padding:0!important}.table-no-data .chart-container{margin:0;box-shadow:none;border:none;background:transparent}.table-no-data .chart-wrapper{padding:20px;height:auto;min-height:100px;display:flex;align-items:center;justify-content:center}.improvements-list{list-style:none;padding:0;margin:0;max-width:600px}.improvements-list li{display:inline-block;background-color:#ff8f50;color:#fff;padding:4px 8px;border-radius:15px;margin:2px;font-size:12px}.table-filter-section{margin-top:40px;padding:16px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.table-filter-input{flex:1;min-width:250px;padding:8px 12px;border:1px solid #ddd;border-radius:10px;font-weight:600;font-size:14px;font-family:var(--font-family-primary);outline:none;transition:border-color .3s ease}.table-filter-input:focus{border-color:#0f4c81;box-shadow:0 0 0 2px #0f4c811a}.filter-buttons-container{display:flex;gap:8px;align-items:center}.clear-filter-btn,.clear-sort-btn{padding:8px 16px;background-color:#0f4c81;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family-primary);transition:all .3s ease;white-space:nowrap}.clear-filter-btn:hover,.clear-sort-btn:hover{background-color:#2d6ba1}.clear-sort-btn{transform-origin:left center;transition:all .3s ease}.clear-sort-btn.visible{animation:slideIn .3s ease-out}.clear-sort-btn.hiding{animation:slideOut .3s ease-in}.clear-filter-btn{transform-origin:left center;transition:all .3s ease}.clear-filter-btn.visible{animation:slideIn .3s ease-out}.clear-filter-btn.hiding{animation:slideOut .3s ease-in}@keyframes slideIn{0%{opacity:0;transform:translate(-20px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-20px) scale(.9)}}.filter-buttons-container:has(.clear-sort-btn:not(.visible)){transition:all .3s ease}@media (max-width: 1024px){.table-filter-section{padding:14px;gap:10px}.table-filter-input{min-width:200px;font-size:13px;padding:7px 11px}.clear-filter-btn,.clear-sort-btn{padding:7px 14px;font-size:13px}}@media (max-width: 768px){.table-filter-section{flex-direction:column;align-items:stretch;padding:12px;gap:10px}.table-filter-input{min-width:unset;width:100%;font-size:13px;padding:8px 12px}.filter-buttons-container{width:100%;justify-content:space-between}.clear-filter-btn,.clear-sort-btn{width:48%;padding:8px 12px;font-size:12px}.results-count{font-size:13px;width:100%;text-align:center;margin-top:5px}}@media (max-width: 480px){.table-filter-section{padding:10px;gap:8px}.table-filter-input{font-size:12px;padding:7px 10px}.filter-buttons-container{flex-direction:column;gap:8px}.clear-filter-btn,.clear-sort-btn{width:100%;padding:7px 10px;font-size:11px}.results-count{font-size:12px;margin-top:4px}}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f8f9fa;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.pagination-info{color:#666;font-size:14px;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px 16px;background-color:#0f4c81;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family-primary);transition:all .3s ease}.pagination-btn:hover:not(:disabled){background-color:#2d6ba1}.pagination-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.page-numbers{display:flex;gap:4px}.page-number{padding:8px 12px;background-color:#fff;color:#0f4c81;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-family-primary);transition:all .3s ease;min-width:40px;text-align:center}.page-number:hover:not(:disabled){background-color:#f0f0f0;border-color:#0f4c81}.page-number.active{background-color:#0f4c81;color:#fff;border-color:#0f4c81}.page-number.disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#e0e0e0}.page-number.disabled:hover{background-color:#f5f5f5;border-color:#e0e0e0}@media (max-width: 1024px){.table-pagination{padding:14px;gap:10px}.pagination-info{font-size:13px}.pagination-btn{padding:7px 14px;font-size:13px}.page-number{padding:7px 11px;font-size:13px;min-width:36px}}@media (max-width: 768px){.table-pagination{flex-direction:column;gap:16px;padding:12px}.pagination-info{font-size:12px;text-align:center;width:100%}.pagination-controls{flex-wrap:wrap;justify-content:center;width:100%;gap:6px}.page-numbers{order:-1;width:100%;justify-content:center;flex-wrap:wrap}.pagination-btn{flex:1;max-width:120px;padding:8px 12px;font-size:12px}.pagination-btn:last-child{max-width:none}.page-number{padding:6px 10px;font-size:12px;min-width:32px}}@media (max-width: 480px){.table-pagination{padding:10px;gap:12px}.pagination-info{font-size:11px}.pagination-controls{gap:5px}.pagination-btn{padding:6px 10px;font-size:11px;max-width:100px}.page-numbers{gap:3px}.page-number{padding:5px 8px;font-size:11px;min-width:28px}}.table-scroll-hint{display:none;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;padding:8px}.scroll-hint-icon{color:#0f4c8199;display:flex;align-items:center;justify-content:center}.scroll-hint-text{font-size:.85rem;color:#0f4c81b3;font-weight:500;text-align:center}@media (max-width: 768px){.table-scroll-hint{display:flex}}.table-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;-webkit-overflow-scrolling:touch;box-sizing:border-box}.table{width:100%;border-collapse:collapse;table-layout:fixed}.table th{background-color:#0f4c81;color:#fff;padding:12px;text-align:left;font-weight:700;font-family:var(--font-family-primary);transition:background-color .5s ease}.table td{padding:12px;color:#0a2944;font-weight:600;font-size:14px;font-family:var(--font-family-primary);border-bottom:1px solid #e0e0e0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;vertical-align:top}.table tr{background-color:#fff;transition:background-color .3s ease}.table tr:nth-child(2n){background-color:#f3f4f5;transition:background-color .3s ease}.table tr:hover{background-color:#f3e6d5}.table.sorting{opacity:.7;transition:opacity .3s ease}.sorting-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:8px}.sorting-spinner{width:24px;height:24px;border:3px solid #e0e0e0;border-top:3px solid #0f4c81;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.sorting-overlay span{color:#0f4c81;font-weight:600;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data-message{text-align:center;padding:40px;color:#666;font-size:16px;font-style:italic}.results-count{color:#666;font-size:14px;font-weight:500}.table-header{position:sticky;top:0;z-index:1}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .3s ease}.sortable-header:hover{background-color:#1c598f!important}.sortable-header:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.7}.table thead th:hover{background-color:#1c598f}.improvements-list{list-style:none;padding:0;margin:0;max-width:100%;display:flex;flex-wrap:wrap;gap:4px}.improvements-list li{display:inline-block;background-color:#ff8f50;color:#fff;padding:4px 8px;border-radius:15px;margin:0;font-size:12px;white-space:nowrap;flex-shrink:0}.no-improvements{color:#0ca101}.no-comments{color:#999;font-style:italic}.table th[style*="width: 200px"],.table td:nth-child(1){width:200px;min-width:200px;max-width:200px}.table th[style*="width: 100px"],.table td:nth-child(2),.table td:nth-child(3){width:100px;min-width:100px;max-width:100px;text-align:center}.table th[style*="width: 300px"],.table td:nth-child(4){width:300px;min-width:300px;max-width:300px}.table td{position:relative}.table td .improvements-list{max-height:60px;overflow-y:auto;overflow-x:hidden}.table td .improvements-list::-webkit-scrollbar{width:4px}.table td .improvements-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.table td .improvements-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.table td .improvements-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 1024px){.table-container{margin:18px 0;border-radius:6px}.table th{padding:10px;font-size:.95rem}.table td{padding:10px;font-size:13px}.improvements-list li{font-size:11px;padding:3px 7px}}@media (max-width: 768px){.table-container{margin:15px 0;border-radius:6px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.table{min-width:600px;width:100%}.table th{padding:10px 8px;font-size:.9rem;white-space:nowrap}.table td{padding:10px 8px;font-size:12px}.table th[style*="width: 200px"],.table td:nth-child(1){width:150px;min-width:150px;max-width:150px}.table th[style*="width: 100px"],.table td:nth-child(2),.table td:nth-child(3){width:80px;min-width:80px;max-width:80px}.table th[style*="width: 300px"],.table td:nth-child(4){width:250px;min-width:250px;max-width:250px}.improvements-list{gap:3px}.improvements-list li{font-size:10px;padding:3px 6px}.no-data-message{padding:30px 20px;font-size:14px}.results-count{font-size:13px}}@media (max-width: 480px){.table-container{margin:12px 0;border-radius:4px;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible}.table{min-width:500px;width:100%}.table th{padding:8px 6px;font-size:.85rem}.table td{padding:8px 6px;font-size:11px}.table th[style*="width: 200px"],.table td:nth-child(1){width:120px;min-width:120px;max-width:120px}.table th[style*="width: 100px"],.table td:nth-child(2),.table td:nth-child(3){width:70px;min-width:70px;max-width:70px}.table th[style*="width: 300px"],.table td:nth-child(4){width:200px;min-width:200px;max-width:200px}.improvements-list{gap:2px;max-height:50px}.improvements-list li{font-size:9px;padding:2px 5px;border-radius:12px}.no-data-message{padding:25px 15px;font-size:13px}.results-count{font-size:12px}.sorting-spinner{width:20px;height:20px;border-width:2px}.sorting-overlay span{font-size:12px}}:root{--primary-color: #0f4c81;--secondary-color: #4caf50;--background-color: #f7f9fc;--card-background: #ffffff;--border-color: #e0e0e0;--text-color: #333333;--text-secondary: #666666;--positive-color: #4caf50;--negative-color: #f44336;--border-radius: 8px;--box-shadow: 0 2px 4px rgba(12, 12, 12, .05);--cards-number: #04325a}.metrics-section{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--text-color);background-color:var(--background-color);padding:0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.metrics-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;color:#888;gap:20px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(15,76,129,.2);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.metrics-period-required{background-color:var(--card-background);border-radius:var(--border-radius);padding:40px;text-align:center;box-shadow:var(--box-shadow);margin:40px auto;max-width:600px;height:300px}.metrics-period-required h3{color:var(--primary-color);margin-bottom:15px}.metrics-period-required p{color:var(--text-secondary);font-size:1rem}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto;gap:20px;grid-template-areas:"summary-cards right-charts" "panels right-charts" "bottom-charts bottom-charts"}.doctors-charts-grid,.patients-charts-grid,.inba-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.evolution-charts-section{margin:40px 0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.evolution-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:40px;max-width:1400px;width:100%;margin-left:auto;margin-right:auto;overflow-x:hidden;box-sizing:border-box}@media (max-width: 1200px){.evolution-charts-grid{grid-template-columns:1fr;gap:20px}}.chart-row{display:contents;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.centered-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;justify-content:center;align-items:stretch;grid-column:1 / -1;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.summary-cards-area{grid-area:summary-cards;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:15px;max-width:100%}.panels-area{grid-area:panels;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.panels-1-columns{grid-template-columns:1fr}.panels-2-columns{grid-template-columns:repeat(2,1fr)}.panels-3-columns{grid-template-columns:repeat(3,1fr)}.right-charts-area{grid-area:right-charts;display:flex;flex-direction:column;gap:20px;height:800px}.bottom-charts-area{grid-area:bottom-charts;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.inba-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;max-width:1400px;margin-left:auto;margin-right:auto}.inba-summary-cards .summary-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:24px 20px;box-shadow:0 4px 20px #00000014;text-align:center;border:1px solid rgba(15,76,129,.1);min-height:140px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.inba-summary-cards .summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,#1a5f8a 100%)}.inba-summary-cards .summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0f4c8126;border-color:#0f4c8133}.inba-summary-cards .summary-card h3{color:var(--primary-color);font-size:.95rem;margin-bottom:12px;font-weight:600;letter-spacing:.02em;line-height:1.3}.inba-summary-cards .summary-card .card-value{color:var(--cards-number);font-size:2.2rem;font-weight:700;margin:0;font-family:var(--font-family-primary);text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"summary-cards" "panels" "right-charts" "bottom-charts";gap:18px}.doctors-charts-grid,.patients-charts-grid,.inba-charts-grid{grid-template-columns:repeat(2,1fr);gap:20px}.evolution-charts-grid{gap:20px}.right-charts-area{height:auto;min-height:700px}.inba-summary-cards{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width: 992px){.summary-cards-area{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:12px}.panels-area{grid-template-columns:1fr;gap:18px}.right-charts-area{min-height:650px}.doctors-charts-grid,.patients-charts-grid,.inba-charts-grid{grid-template-columns:repeat(2,1fr);gap:18px}.inba-summary-cards{grid-template-columns:repeat(2,1fr);gap:16px}.inba-summary-cards .summary-card{padding:20px 16px;min-height:130px}.inba-summary-cards .summary-card h3{font-size:.9rem}.inba-summary-cards .summary-card .card-value{font-size:2rem}}@media (max-width: 768px){.dashboard-grid{gap:15px;width:100%;max-width:100%;overflow-x:hidden}.summary-cards-area{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);gap:12px;width:100%;max-width:100%;overflow-x:hidden}.panels-area{gap:15px;width:100%;max-width:100%;overflow-x:hidden}.right-charts-area{gap:15px;min-height:600px;width:100%;max-width:100%;overflow-x:hidden}.bottom-charts-area{grid-template-columns:1fr;gap:15px;width:100%;max-width:100%;overflow-x:hidden}.doctors-charts-grid,.patients-charts-grid,.inba-charts-grid{grid-template-columns:1fr;gap:15px;margin-bottom:30px;min-width:0;width:100%;max-width:100%}.evolution-charts-grid{gap:15px;margin-bottom:30px;min-width:0;width:100%;max-width:100%}.centered-two{grid-template-columns:1fr;gap:15px;min-width:0}.inba-summary-cards{grid-template-columns:repeat(2,1fr);max-width:100%;gap:12px;margin-bottom:25px}.inba-summary-cards .summary-card{padding:18px 14px;min-height:120px}.inba-summary-cards .summary-card h3{font-size:.85rem;margin-bottom:10px}.inba-summary-cards .summary-card .card-value{font-size:1.8rem}.metrics-loading{height:150px}.metrics-period-required{padding:30px 20px;margin:30px auto;height:auto;min-height:250px}.metrics-period-required h3{font-size:1.2rem}.metrics-period-required p{font-size:.95rem}}@media (max-width: 480px){.dashboard-grid{gap:12px}.summary-cards-area{grid-template-columns:1fr;grid-template-rows:repeat(10,1fr);gap:10px}.panels-area{gap:12px}.right-charts-area{gap:12px;min-height:550px}.bottom-charts-area{gap:12px}.doctors-charts-grid,.patients-charts-grid,.inba-charts-grid,.evolution-charts-grid{gap:12px;margin-bottom:25px}.inba-summary-cards{grid-template-columns:1fr;max-width:100%;gap:10px;margin-bottom:20px}.inba-summary-cards .summary-card{padding:16px 12px;min-height:110px}.inba-summary-cards .summary-card h3{font-size:.8rem;margin-bottom:8px}.inba-summary-cards .summary-card .card-value{font-size:1.6rem}.metrics-loading{height:120px;gap:15px}.loading-spinner{width:32px;height:32px;border-width:3px}.metrics-period-required{padding:25px 15px;margin:20px auto;min-height:200px}.metrics-period-required h3{font-size:1.1rem;margin-bottom:12px}.metrics-period-required p{font-size:.9rem}}.professional-improvements-dashboard{margin-top:60px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 20px 60px #0f4c8114;border:1px solid rgba(15,76,129,.06);overflow:hidden;position:relative}.professional-improvements-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#0f4c81,#1a5f8a,#0ea5e9 60%,#0f4c81);background-size:200% 100%;animation:gradientShift 8s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.header-text{flex:1}.dashboard-title{color:#0f4c81;font-size:2.5rem;font-weight:900;margin:0 0 12px;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#0f4c81,#1a5f8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{color:#64748b;font-size:1.2rem;font-weight:500;margin:0;line-height:1.5;max-width:600px}.header-actions{display:flex;align-items:center;gap:24px}.period-indicator{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.period-label{color:#64748b;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.period-value{color:#0f4c81;font-size:1rem;font-weight:700;background:#0f4c811a;padding:8px 16px;border-radius:12px;border:1px solid rgba(15,76,129,.2)}.analytics-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:32px 48px;background:linear-gradient(135deg,#fff,#f8fafc)}.analytics-card{background:#fff;border-radius:20px;padding:32px 28px;box-shadow:0 8px 32px #0000000f;border:1px solid rgba(15,76,129,.08);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0f4c81,#1a5f8a)}.analytics-card.secondary:before{background:linear-gradient(90deg,#059669,#10b981)}.analytics-card.tertiary:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.analytics-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0f4c8126;border-color:#0f4c8133}.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0f4c81,#1a5f8a);border-radius:12px;color:#fff;margin-bottom:20px;box-shadow:0 4px 16px #0f4c814d}.analytics-card.secondary .card-icon{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 16px #0596694d}.analytics-card.tertiary .card-icon{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 16px #dc26264d}.card-content{display:flex;flex-direction:column;gap:8px}.card-value{color:#0f4c81;font-size:2.5rem;font-weight:900;line-height:1;letter-spacing:-.02em}.analytics-card.secondary .card-value{color:#059669}.analytics-card.tertiary .card-value{color:#dc2626}.card-label{color:#64748b;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.dashboard-content{padding:0 48px 48px;background:#fff}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(15,76,129,.08)}.content-title-section{flex:1}.content-title{color:#0f4c81;font-size:1.8rem;font-weight:800;margin:0 0 8px;letter-spacing:-.02em}.content-description{color:#64748b;font-size:1.1rem;font-weight:500;margin:0;line-height:1.4}.content-actions{display:flex;align-items:center;gap:16px}.view-toggle{display:flex;background:#0f4c8114;border-radius:12px;padding:4px}.toggle-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#64748b;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.toggle-btn.active{background:#0f4c81;color:#fff;box-shadow:0 2px 8px #0f4c814d}.toggle-btn:hover:not(.active){background:#0f4c811a;color:#0f4c81}.data-container{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000000f;border:1px solid rgba(15,76,129,.08);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.data-container:hover{box-shadow:0 12px 40px #0f4c811f;transform:translateY(-2px)}.data-table-wrapper{padding:0;background:#fff}.data-table-wrapper .table-container{margin:0;border-radius:0;box-shadow:none;border:none}.data-table-wrapper .table{border-radius:0}.data-table-wrapper .table th{background:linear-gradient(135deg,#0f4c81,#1a5f8a);color:#fff;font-weight:700;font-size:1rem;padding:24px 32px;border:none;position:relative;text-transform:uppercase;letter-spacing:.05em}.data-table-wrapper .table th:first-child{border-top-left-radius:0}.data-table-wrapper .table th:last-child{border-top-right-radius:0}.data-table-wrapper .table td{padding:24px 32px;border-bottom:1px solid rgba(15,76,129,.08);font-size:1rem;font-weight:500;color:#334155;transition:all .3s ease;vertical-align:top}.data-table-wrapper .table tr{background:#fff;transition:all .3s ease}.data-table-wrapper .table tr:nth-child(2n){background:#f8fafc}.data-table-wrapper .table tr:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transform:scale(1.005)}.data-table-wrapper .table tr:hover td{color:#0f4c81;font-weight:600}.data-table-wrapper .improvements-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.data-table-wrapper .improvements-list li{display:inline-block;background:linear-gradient(135deg,#0f4c81,#1a5f8a);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #0f4c814d;transition:all .2s ease}.data-table-wrapper .improvements-list li:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f4c8166}.data-table-wrapper .no-improvements{color:#059669;font-weight:600;font-style:italic}@media (max-width: 1400px){.dashboard-header{padding:40px 40px 28px}.analytics-cards-grid{padding:28px 40px}.dashboard-content{padding:0 40px 40px}}@media (max-width: 1200px){.header-content{flex-direction:column;gap:24px;align-items:flex-start}.header-actions{align-self:flex-end}.analytics-cards-grid{grid-template-columns:1fr;gap:20px}.dashboard-title{font-size:2.2rem}}@media (max-width: 992px){.professional-improvements-dashboard{margin-top:40px;border-radius:20px}.dashboard-header{padding:32px 32px 24px}.analytics-cards-grid{padding:24px 32px}.dashboard-content{padding:0 32px 32px}.header-icon-section{flex-direction:column;text-align:center;gap:20px}.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1.1rem}.content-header{flex-direction:column;gap:20px;align-items:flex-start}}@media (max-width: 768px){.dashboard-header{padding:24px 24px 20px}.analytics-cards-grid{padding:20px 24px}.dashboard-content{padding:0 24px 24px}.dashboard-title{font-size:1.8rem}.dashboard-subtitle{font-size:1rem}.icon-container{width:64px;height:64px}.analytics-card{padding:24px 20px}.card-value{font-size:2.2rem}.data-table-wrapper .table th,.data-table-wrapper .table td{padding:20px 24px;font-size:.95rem}}@media (max-width: 480px){.dashboard-header{padding:20px 20px 16px}.analytics-cards-grid{padding:16px 20px}.dashboard-content{padding:0 20px 20px}.dashboard-title{font-size:1.6rem}.dashboard-subtitle{font-size:.95rem}.icon-container{width:56px;height:56px}.analytics-card{padding:20px 16px}.card-value{font-size:2rem}.data-table-wrapper .table th,.data-table-wrapper .table td{padding:16px 20px;font-size:.9rem}.data-table-wrapper .improvements-list li{padding:6px 12px;font-size:.85rem}}@media (max-width: 992px){.tables-grid{grid-template-columns:1fr;gap:20px}.tables-section{padding:20px}}@media (max-width: 768px){.tables-section-title{font-size:1.3rem}.table-title{font-size:1rem}.table-wrapper{padding:15px}}.gestion-interna-section-title{margin-top:0;margin-bottom:20px;color:#0f4c81;font-size:1.6rem;font-weight:700;letter-spacing:-.01em;line-height:1.3}.gestion-interna-separator{margin-top:40px;margin-bottom:24px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(15,76,129,.3) 50%,transparent 100%)}@media (max-width: 1024px){.gestion-interna-section-title{font-size:1.5rem;margin-bottom:18px}.gestion-interna-separator{margin-top:35px;margin-bottom:20px}}@media (max-width: 768px){.gestion-interna-section-title{font-size:1.3rem;margin-bottom:16px;letter-spacing:-.005em}.gestion-interna-separator{margin-top:30px;margin-bottom:18px}}@media (max-width: 480px){.gestion-interna-section-title{font-size:1.15rem;margin-bottom:14px;line-height:1.4}.gestion-interna-separator{margin-top:25px;margin-bottom:16px;height:.5px}}.section-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #eaeaea;padding-bottom:.5rem}.section-tab{padding:.75rem 1.5rem;border:none;background:none;cursor:pointer;font-size:1.1rem;color:#666;border-radius:4px 4px 0 0;transition:all .2s ease;font-weight:500}.section-tab:hover{background-color:#f0f0f0;color:var(--primary-color)}.section-tab.active{background-color:var(--primary-color);color:#fff;font-weight:600}@media (max-width: 1024px){.section-tabs{gap:.4rem;margin-bottom:1.25rem;padding-bottom:.4rem}.section-tab{padding:.625rem 1.25rem;font-size:1.05rem}}@media (max-width: 768px){.section-tabs{gap:.3rem;margin-bottom:1rem;padding-bottom:.3rem;flex-wrap:wrap}.section-tab{padding:.5rem 1rem;font-size:1rem;flex:1 1 auto;min-width:calc(50% - .15rem)}}@media (max-width: 480px){.section-tabs{gap:.25rem;margin-bottom:.875rem;padding:.4rem}.section-tab{padding:.4rem .75rem;font-size:.9rem;min-width:100%}}