@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background-color:#1a1e27;min-height:100vh;font-family:Inter,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{z-index:100;background-color:#1a1e27;border-right:1px solid #2d313c;flex-direction:column;width:200px;height:100vh;transition:width .2s;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:64px}.sidebar-header{border-bottom:1px solid #2d313c;justify-content:space-between;align-items:center;padding:1rem;display:flex}.sidebar-logo{align-items:center;gap:.75rem;display:flex}.sidebar-title{color:#f7fafc;font-size:1.125rem;font-weight:600}.sidebar-toggle{color:#a0aec0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.sidebar-toggle:hover{color:#f7fafc}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .5rem;display:flex}.sidebar-nav-item{color:#a0aec0;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:#f7fafc;background-color:#2d313c}.sidebar-nav-item.active{color:#1a1e27;background-color:#22c55e}.sidebar-footer{border-top:1px solid #2d313c;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.sidebar-user{align-items:center;gap:.75rem;display:flex}.sidebar-logout{color:#a0aec0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-logout:hover{color:#1a1e27;background-color:#fc8181}.sidebar.collapsed .sidebar-logout span{display:none}.sidebar.collapsed .sidebar-logout{justify-content:center}.sidebar-user-avatar{color:#a0aec0;background-color:#2d313c;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-user-info{flex-direction:column;display:flex}.sidebar-user-name{color:#f7fafc;font-size:.875rem;font-weight:500}.sidebar-user-company{color:#718096;font-size:.75rem}.dashboard{background-color:#1f2937;flex:1;min-height:100vh;margin-left:200px;padding:1.5rem 2rem;position:relative}.sidebar.collapsed~.dashboard,.sidebar.collapsed+.dashboard{margin-left:64px}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.dashboard-header-left{flex-direction:column;gap:.25rem;display:flex}.dashboard-greeting{color:#f7fafc;font-size:1.75rem;font-weight:600}.dashboard-subtitle{color:#718096;font-size:.9375rem}.dashboard-header-right{align-items:center;gap:.75rem;display:flex}.view-label{color:#718096;font-size:.875rem}.view-toggle{background-color:#2d313c;border-radius:6px;display:flex;overflow:hidden}.view-toggle-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.8125rem;transition:all .2s}.view-toggle-btn.active{color:#f7fafc;background-color:#374151}.view-toggle-btn:hover:not(.active){color:#f7fafc}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background-color:#2d313c;border-radius:12px;padding:1rem 1.25rem}.stat-card-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.stat-icon{align-items:center;display:flex}.stat-label{color:#a0aec0;font-size:.8125rem}.stat-value{color:#f7fafc;font-size:1.75rem;font-weight:600}.dashboard-section{margin-bottom:1.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{color:#f7fafc;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;display:flex}.section-dot{background-color:#ef4444;border-radius:50%;width:8px;height:8px}.section-link{color:#22c55e;font-size:.8125rem;text-decoration:none;transition:opacity .2s}.section-link:hover{opacity:.8}.calls-list{flex-direction:column;gap:1rem;display:flex}.call-card{background-color:#2d313c;border-radius:12px;padding:1.25rem}.call-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.call-info{flex-direction:column;gap:.125rem;display:flex}.call-name{color:#f7fafc;font-size:1rem;font-weight:500}.call-address{color:#718096;font-size:.8125rem}.call-time{color:#718096;font-size:.75rem}.call-message{color:#a0aec0;background-color:#374151;border-radius:8px;margin-bottom:1rem;padding:.75rem;font-size:.875rem;line-height:1.5}.call-card-footer{justify-content:space-between;align-items:center;display:flex}.call-duration{color:#718096;font-size:.75rem}.call-btn{color:#1a1e27;cursor:pointer;background-color:#22c55e;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.call-btn:hover{background-color:#16a34a}.reviews-list{flex-direction:column;gap:1rem;display:flex}.review-card{background-color:#2d313c;border-radius:12px;padding:1.25rem}.review-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.review-user{align-items:center;gap:.75rem;display:flex}.review-avatar{color:#f7fafc;background-color:#4b5563;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:500;display:flex}.review-user-info{flex-direction:column;gap:.25rem;display:flex}.review-name{color:#f7fafc;font-size:.9375rem;font-weight:500}.star-rating{gap:.125rem;display:flex}.review-source{color:#718096;font-size:.75rem}.review-text{color:#a0aec0;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.ai-reply-btn{color:#eab308;cursor:pointer;background-color:#4b5563;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:background-color .2s;display:flex}.ai-reply-btn:hover{background-color:#6b7280}.page-title{color:#f7fafc;margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.page-placeholder{color:#718096;font-size:1rem}.floating-mic-btn{color:#1a1e27;cursor:pointer;z-index:50;background-color:#eab308;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #eab30866}.floating-mic-btn:hover{transform:translate(-50%)scale(1.1);box-shadow:0 6px 24px #eab30880}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1rem;display:flex}.main-card-wrapper{background-color:#262a33;border-radius:20px;flex-direction:column;align-items:center;gap:2rem;width:90%;max-width:500px;padding:3rem;animation:.8s ease-out forwards fadeInScale;display:flex;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d}.auth0-logo{opacity:0;width:160px;margin-bottom:1.5rem;animation:1s ease-out .2s forwards slideInDown}.main-title{color:#f7fafc;text-align:center;text-shadow:0 4px 10px #0000004d;opacity:0;margin-bottom:1rem;font-size:2.8rem;font-weight:700;animation:1s ease-out .4s forwards fadeIn}.action-card{opacity:0;background-color:#2d313c;border-radius:15px;flex-direction:column;align-items:center;gap:1.8rem;width:calc(100% - 2rem);padding:2.5rem;animation:1s ease-out .6s forwards fadeIn;display:flex;box-shadow:inset 0 2px 5px #0000004d,0 5px 15px #0000004d}.action-text{color:#cbd5e0;text-align:center;font-size:1.25rem;font-weight:400;line-height:1.6}.button{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;border:none;border-radius:10px;outline:none;padding:1.1rem 2.8rem;font-size:1.2rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 20px #0006}.button:focus{box-shadow:0 0 0 4px #63b3ed80}.button.login{color:#1a1e27;background-color:#63b3ed}.button.login:hover{background-color:#4299e1;transform:translateY(-5px)scale(1.03);box-shadow:0 12px 25px #00000080}.button.logout{color:#1a1e27;background-color:#fc8181}.button.logout:hover{background-color:#e53e3e;transform:translateY(-5px)scale(1.03);box-shadow:0 12px 25px #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{width:64px}.sidebar .sidebar-title,.sidebar .sidebar-nav-item span,.sidebar .sidebar-user-info{display:none}.dashboard{margin-left:64px;padding:1rem}.dashboard-header{flex-direction:column;gap:1rem}.dashboard-greeting{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.call-card-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.call-btn{justify-content:center;width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.main-card-wrapper{gap:1.5rem;padding:2rem}.main-title{font-size:2.2rem}.button{padding:.9rem 2rem;font-size:1rem}.auth0-logo{width:120px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}