@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;--tw-border-style:solid}}}.fixed{position:fixed}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}@layer base{:root{--color-bg:#151922;--color-bg-secondary:#1c2130;--color-bg-tertiary:#242a3a;--color-text:#fff;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-accent:#ffc72c;--color-accent-hover:#e6b327;--color-border:#2d3548;--color-border-light:#242a3a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:Inter,sans-serif}}.layout{min-height:100vh;display:flex}.sidebar{background-color:var(--color-bg);border-right:1px solid var(--color-border);z-index:100;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 var(--color-border);justify-content:center;align-items:center;padding:1rem;display:flex}.sidebar-logo{align-items:center;gap:.75rem;display:flex}.sidebar-title{color:var(--color-text);font-size:1.125rem;font-weight:600}.sidebar-logo-img{width:auto;height:32px}.sidebar.collapsed .sidebar-logo-img{display:none}.sidebar-toggle{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.sidebar-toggle:hover{color:var(--color-text)}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .5rem;display:flex}.sidebar-nav-item{color:var(--color-text-secondary);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{background-color:var(--color-bg-tertiary);color:var(--color-text)}.sidebar-nav-item.active{color:var(--color-accent);background-color:#0000;font-weight:500}.sidebar-footer{border-top:1px solid var(--color-border);padding:.75rem .5rem}.sidebar-profile{position:relative}.sidebar-profile-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.5rem;transition:background-color .2s;display:flex}.sidebar-profile-btn:hover{background-color:var(--color-bg-tertiary)}.sidebar-profile-menu{background-color:var(--color-bg);border:1px solid var(--color-border);z-index:100;border-radius:8px;margin-bottom:.5rem;position:absolute;bottom:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.sidebar.collapsed .sidebar-profile-menu{min-width:140px;left:auto;right:auto}.sidebar-profile-menu-item{color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:background-color .2s;display:flex}.sidebar-profile-menu-item:hover{color:#dc2626;background-color:#fee2e2}.sidebar-user-avatar{background-color:var(--color-bg-tertiary);width:36px;height:36px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex-direction:column;display:flex}.sidebar-user-name{color:var(--color-text);font-size:.875rem;font-weight:500}.sidebar-user-company{color:var(--color-text-muted);font-size:.75rem}.dashboard{background-color:var(--color-bg-secondary);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:var(--color-text);font-size:1.75rem;font-weight:600}.dashboard-subtitle{color:var(--color-text-secondary);font-size:.9375rem}.dashboard-header-right{align-items:center;gap:.75rem;display:flex}.view-label{color:var(--color-text-secondary);font-size:.875rem}.view-toggle{background-color:var(--color-bg-tertiary);border-radius:6px;display:flex;overflow:hidden}.view-toggle-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.8125rem;transition:all .2s}.view-toggle-btn.active{background-color:var(--color-bg);color:var(--color-text)}.view-toggle-btn:hover:not(.active){color:var(--color-text)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background-color:var(--color-bg);border:1px solid var(--color-border);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:var(--color-text-secondary);font-size:.8125rem}.stat-value{color:var(--color-text);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:var(--color-text);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:var(--color-accent);font-size:.8125rem;font-weight:500;text-decoration:none;transition:opacity .2s}.section-link:hover{color:var(--color-accent-hover)}.calls-list{flex-direction:column;gap:1rem;display:flex}.call-card{background-color:var(--color-bg);border:1px solid var(--color-border);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:var(--color-text);font-size:1rem;font-weight:500}.call-address{color:var(--color-text-secondary);font-size:.8125rem}.call-time{color:var(--color-text-muted);font-size:.75rem}.call-message{color:var(--color-text-secondary);background-color:var(--color-bg-secondary);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:var(--color-text-muted);font-size:.75rem}.call-btn{background-color:var(--color-accent);color:#1a1a1a;cursor:pointer;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:var(--color-accent-hover)}.reviews-list{flex-direction:column;gap:1rem;display:flex}.review-card{background-color:var(--color-bg);border:1px solid var(--color-border);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{background-color:var(--color-accent);color:#1a1a1a;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:var(--color-text);font-size:.9375rem;font-weight:500}.star-rating{gap:.125rem;display:flex}.review-source{color:var(--color-text-muted);font-size:.75rem}.review-text{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.ai-reply-btn{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.ai-reply-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text-muted)}.page-title{color:var(--color-text);margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.page-placeholder{color:var(--color-text-secondary);font-size:1rem}.under-construction{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem;display:flex}.under-construction-illustration{width:100%;max-width:280px;margin-bottom:2rem}.construction-crane{width:100%;height:auto}.hanging-block{transform-origin:60px 110px;animation:3s ease-in-out infinite swing}@keyframes swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.floating-cloud{animation:6s ease-in-out infinite float}.cloud-1{animation-delay:0s}.cloud-2{animation-delay:2s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.under-construction-content{flex-direction:column;align-items:center;gap:.75rem;display:flex}.under-construction-title{color:var(--color-text);font-size:1.75rem;font-weight:600}.under-construction-description{color:var(--color-text-secondary);max-width:320px;font-size:1rem;line-height:1.5}.under-construction-dots{gap:.5rem;margin-top:1rem;display:flex}.under-construction-dots .dot{background-color:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite bounce}.under-construction-dots .dot:first-child{animation-delay:0s}.under-construction-dots .dot:nth-child(2){animation-delay:.2s}.under-construction-dots .dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.floating-mic-btn{background-color:var(--color-accent);color:#1a1a1a;cursor:pointer;z-index:50;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 2px 8px #0000004d}.floating-mic-btn:hover{transform:translate(-50%)scale(1.1);box-shadow:0 4px 12px #0006}.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:var(--color-bg);box-shadow:0 20px 60px #0000001a,0 0 0 1px var(--color-border);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}.auth0-logo{opacity:0;width:160px;margin-bottom:1.5rem;animation:1s ease-out .2s forwards slideInDown}.main-title{color:var(--color-text);text-align:center;opacity:0;margin-bottom:1rem;font-size:2.8rem;font-weight:700;animation:1s ease-out .4s forwards fadeIn}.action-card{background-color:var(--color-bg-secondary);opacity:0;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:0 5px 15px #00000014}.action-text{color:var(--color-text-secondary);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 #0000001a}.button:focus{box-shadow:0 0 0 4px #ffc72c4d}.button.login{background-color:var(--color-accent);color:#1a1a1a}.button.login:hover{background-color:var(--color-accent-hover);transform:translateY(-5px)scale(1.03);box-shadow:0 12px 25px #00000026}.button.logout{color:#dc2626;background-color:#fee2e2}.button.logout:hover{background-color:#fecaca;transform:translateY(-5px)scale(1.03);box-shadow:0 12px 25px #00000026}@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)}}.mobile-header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:90;justify-content:space-between;align-items:center;height:56px;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0}.mobile-header-spacer{width:40px}.mobile-header-logo-img{width:auto;height:28px}.mobile-profile{position:relative}.mobile-profile-btn{width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.mobile-profile-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text)}.mobile-profile-menu{background-color:var(--color-bg);border:1px solid var(--color-border);z-index:100;border-radius:8px;min-width:200px;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.mobile-profile-info{border-bottom:1px solid var(--color-border);flex-direction:column;padding:.75rem 1rem;display:flex}.mobile-profile-name{color:var(--color-text);font-size:.875rem;font-weight:500}.mobile-profile-company{color:var(--color-text-muted);font-size:.75rem}.mobile-profile-menu-item{color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:background-color .2s;display:flex}.mobile-profile-menu-item:hover{color:#dc2626;background-color:#fee2e2}.mobile-bottom-nav{background-color:var(--color-bg);border-top:1px solid var(--color-border);z-index:90;justify-content:space-around;align-items:center;height:64px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.75rem;text-decoration:none;transition:color .2s;display:flex}.mobile-nav-item svg{width:24px;height:24px}.mobile-nav-item.active{color:var(--color-accent)}.mobile-nav-item.active svg{stroke:var(--color-accent)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.mobile-header,.mobile-bottom-nav{display:flex}.sidebar{display:none}.dashboard{margin-left:0;padding:calc(56px + 1rem) 1rem calc(64px + 1rem)}.dashboard-header{flex-direction:column;gap:1rem}.dashboard-header-right{justify-content:flex-start;width:100%}.dashboard-greeting{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:.875rem 1rem}.stat-value{font-size:1.5rem}.call-card-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.call-btn{justify-content:center;width:100%}.review-card-header{flex-direction:column;gap:.5rem}.floating-mic-btn{width:52px;height:52px;bottom:calc(64px + 1rem)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.dashboard{padding:calc(56px + .75rem) .75rem .75rem}.dashboard-greeting{font-size:1.25rem}.dashboard-subtitle{font-size:.875rem}.section-title{font-size:.9375rem}.call-card,.review-card{padding:1rem}.call-message{padding:.625rem;font-size:.8125rem}.view-toggle-btn{padding:.375rem .75rem;font-size:.75rem}.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}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}