:root{--bg-color:#eef2f6;--panel-bg:#fff;--primary-color:#0056b3;--primary-hover:#0c7ff2;--primary-gradient-end:#0c7ff2;--primary-ring:#0056b31f;--primary-shadow:#0056b338;--primary-soft-bg:#0056b31a;--primary-subtle-bg:#0056b30d;--primary-muted-bg:#0056b314;--primary-strong-bg:#0056b324;--primary-soft-border:#0056b326;--text-main:#1f2937;--text-muted:#667085;--border-color:#d7dee7;--sidebar-start:#0f172a;--sidebar-end:#172f4c;--sidebar-glow:#38bdf83d;--sidebar-active-glow:#38bdf82e;--sidebar-bg:linear-gradient(180deg, var(--sidebar-start) 0%, var(--sidebar-end) 100%);--sidebar-hover:#ffffff14;--sidebar-width:320px;--shadow-soft:0 18px 50px #0f172a1f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top left, var(--primary-subtle-bg), transparent 28%), radial-gradient(circle at bottom right, #0f766e14, transparent 24%), var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Segoe UI Variable,Segoe UI,Trebuchet MS,sans-serif}input,button,textarea,select{font-family:inherit}button{border:none}.auth-container{background:radial-gradient(circle at top, #ffffff14, transparent 30%), linear-gradient(160deg, var(--sidebar-start) 0%, var(--sidebar-end) 100%);justify-content:center;align-items:center;height:100vh;display:flex}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#fffffff5;border:1px solid #ffffff80;border-radius:24px;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 24px 60px #00000047}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo h1{color:var(--text-main);letter-spacing:-.8px;font-size:1.9rem}.auth-logo span{color:var(--primary-color)}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;display:block}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-main);background-color:#f8fafc;border-radius:12px;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s,transform .2s}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-ring);outline:none}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-gradient-end) 100%);color:#fff;cursor:pointer;width:100%;box-shadow:0 12px 28px var(--primary-shadow);border:none;border-radius:14px;padding:.95rem 1rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s}.btn-primary:hover{filter:saturate(1.05);transform:translateY(-2px)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-height:calc(100vh - 2.5rem);position:relative;overflow-y:auto}.error-message{color:#b42318;text-align:center;background:#ff4d4d1a;border-radius:12px;margin-bottom:1rem;padding:.85rem;font-size:.9rem}.layout-container{background:0 0;min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);padding:1.1rem}.sidebar-shell{background:var(--sidebar-bg);color:#e5edf7;border-radius:30px;flex-direction:column;height:100%;padding:1.35rem;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 50px #0f172a33}.sidebar-shell:before{content:"";background:radial-gradient(circle at top left, var(--sidebar-glow), transparent 50%);pointer-events:none;width:100%;height:220px;position:absolute;inset:0 auto auto 0}.sidebar-header{z-index:1;flex-direction:column;gap:1.1rem;margin-bottom:1.2rem;display:flex;position:relative}.brand-mark{background:#ffffff14;border:1px solid #ffffff14;border-radius:24px;justify-content:center;align-items:center;min-height:118px;padding:1rem;display:flex}.brand-fallback{text-align:center}.brand-fallback h2{letter-spacing:-.8px;font-size:1.7rem}.brand-kicker{text-transform:uppercase;letter-spacing:.18em;color:#e5edf7b8;margin-bottom:.45rem;font-size:.8rem;display:inline-block}.sidebar-header .logo-image{object-fit:contain;width:100%;max-width:190px;height:94px}.sidebar-summary{padding:.3rem .15rem .6rem}.sidebar-summary p{color:#e5edf7b8;font-size:.92rem;line-height:1.55}.sidebar-chip{color:#f8fbff;background:#ffffff1a;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:.85rem;padding:.45rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.sidebar-nav{z-index:1;flex-direction:column;gap:.55rem;margin-top:.5rem;display:flex;position:relative}.nav-item{color:#e5edf7d6;text-align:left;cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:.95rem;width:100%;padding:.9rem 1rem;transition:transform .2s,background .2s,color .2s;display:flex}.nav-item:hover{background:var(--sidebar-hover);color:#fff;transform:translate(2px)}.nav-item.active{background:linear-gradient(135deg, #ffffff24, var(--sidebar-active-glow));color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.nav-icon-wrap{background:#ffffff14;border-radius:14px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.nav-copy{flex-direction:column;flex:1;min-width:0;display:flex}.nav-copy strong{font-size:.95rem;font-weight:700}.nav-copy small{color:#e5edf79e;margin-top:.2rem;font-size:.76rem}.nav-item.active .nav-copy small{color:#ffffffc7}.nav-chevron{opacity:.45}.main-content{flex-direction:column;flex:1;min-width:0;padding:1.1rem 1.1rem 1.1rem 0;display:flex;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:88px;box-shadow:var(--shadow-soft);background:#ffffffb8;border:1px solid #ffffffb8;border-radius:28px;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.6rem;display:flex}.topbar-context h1{letter-spacing:-.03em;font-size:1.55rem}.topbar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em;margin-bottom:.3rem;font-size:.72rem;display:inline-block}.user-profile{align-items:center;gap:.9rem;display:flex}.user-badge{flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.user-badge-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.user-badge-name{font-weight:700}.logout-btn{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:#eef4fb;border-radius:14px;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .2s;display:inline-flex}.logout-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.page-content{flex:1;min-height:0;padding:1.4rem 0 0;overflow-y:auto}.dashboard-section{flex-direction:column;gap:1rem;min-height:100%;display:flex}.section-heading{flex-direction:column;gap:.35rem;display:flex}.section-heading p{color:var(--text-muted)}.whatsapp-channel-tabs{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;display:grid}.whatsapp-channel-tab{min-height:88px;color:var(--text-main);background:var(--panel-bg);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.9rem;transition:border-color .2s,box-shadow .2s;display:grid}.whatsapp-channel-tab.active{border-color:var(--primary-color);box-shadow:0 12px 28px #0f172a14}.whatsapp-channel-icon{width:42px;height:42px;color:var(--primary-color);background:var(--primary-soft-bg);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.whatsapp-channel-copy{min-width:0}.whatsapp-channel-copy strong,.whatsapp-channel-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.whatsapp-channel-copy small{color:var(--text-muted);margin-top:.2rem;font-size:.78rem}.whatsapp-channel-status{color:#9a3412;text-align:center;white-space:nowrap;background:#fff7ed;border-radius:999px;min-width:78px;padding:.42rem .55rem;font-size:.75rem;font-weight:800}.whatsapp-channel-status.connected{color:#166534;background:#dcfce7}.quote-whatsapp-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.quote-whatsapp-panel h3{margin-bottom:.25rem}.quote-whatsapp-panel p{color:var(--text-muted);line-height:1.45}.quote-whatsapp-categories{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.quote-whatsapp-categories span{color:var(--text-main);border:1px solid var(--border-color);white-space:nowrap;background:#eef4fb;border-radius:999px;padding:.45rem .65rem;font-size:.78rem;font-weight:800}.page-title{letter-spacing:-.03em;margin-bottom:0;font-size:1.55rem}.dashboard-home{flex-direction:column;gap:1rem;display:flex}.dashboard-home-header{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 12px 30px #0f172a0f}.dashboard-home-header p{color:var(--text-muted);margin-top:.35rem}.dashboard-status{color:#9a3412;white-space:nowrap;background:#fff7ed;border-radius:999px;align-items:center;min-height:34px;padding:.45rem .75rem;font-size:.8rem;font-weight:800;display:inline-flex}.dashboard-status.connected{color:#166534;background:#dcfce7}.dashboard-menu-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;display:grid}.dashboard-menu-card{background:var(--panel-bg);border:1px solid var(--border-color);min-height:104px;color:var(--text-main);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:1rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid;box-shadow:0 12px 30px #0f172a0f}.dashboard-menu-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 16px 34px #0f172a1a}.dashboard-menu-icon{width:46px;height:46px;color:var(--primary-color);background:var(--primary-soft-bg);border-radius:8px;flex:0 0 46px;justify-content:center;align-items:center;display:inline-flex}.dashboard-menu-copy{flex-direction:column;gap:.25rem;min-width:0;display:flex}.dashboard-menu-copy strong{font-size:1rem;line-height:1.2}.dashboard-menu-copy small{color:var(--text-muted);line-height:1.35}.admin-team-quotes{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:.85rem;padding:1rem;display:flex;box-shadow:0 12px 30px #0f172a0f}.admin-team-quotes-header,.admin-team-summary,.admin-employee-card-top,.admin-employee-card-metrics,.admin-quotes-modal-header,.admin-quotes-modal-summary{align-items:center;gap:.75rem;display:flex}.admin-team-quotes-header{justify-content:space-between;align-items:flex-start}.admin-team-kicker{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:.25rem;font-size:.72rem;font-weight:800;display:inline-block}.admin-team-quotes h3{color:var(--text-main);font-size:1.15rem}.admin-team-summary{flex-wrap:wrap;justify-content:flex-end}.admin-team-summary span,.admin-team-summary button,.admin-employee-open-btn,.admin-quote-open,.admin-quote-count{border-radius:8px;align-items:center;gap:.4rem;font-size:.82rem;font-weight:800;display:inline-flex}.admin-team-summary span{color:var(--text-main);background:#eef4fb;padding:.55rem .7rem}.admin-team-summary button{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;padding:.58rem .75rem}.admin-team-summary button:hover,.admin-employee-open-btn:hover:not(:disabled),.admin-modal-quote-row:hover{border-color:var(--primary-color);color:var(--primary-color)}.admin-team-summary button:disabled,.admin-employee-open-btn:disabled{opacity:.65;cursor:not-allowed}.admin-team-toolbar{border:1px solid var(--border-color);background:#f8fafc;border-radius:8px;align-items:center;gap:.7rem;padding:.8rem .9rem;display:flex}.admin-team-toolbar input{width:100%;color:var(--text-main);background:0 0;border:0;outline:0;font-size:.95rem}.admin-team-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;display:grid}.admin-employee-card{border:1px solid var(--border-color);background:#fff;border-radius:8px;flex-direction:column;gap:.9rem;min-height:260px;padding:1rem;display:flex}.admin-employee-card-top{align-items:flex-start}.admin-employee-avatar{width:44px;height:44px;color:var(--primary-color);background:#eef4fb;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;display:inline-flex}.admin-employee-card-top strong{color:var(--text-main);font-size:1rem;line-height:1.25;display:block}.admin-employee-card-top span,.admin-employee-card-metrics small,.admin-employee-last-quote small,.admin-employee-last-quote span,.admin-quotes-modal-header p{color:var(--text-muted);font-size:.84rem}.admin-employee-card-metrics{flex-wrap:wrap;align-items:stretch}.admin-employee-card-metrics span{border:1px solid var(--border-color);background:#f8fafc;border-radius:8px;flex-direction:column;flex:118px;gap:.2rem;padding:.75rem;display:flex}.admin-employee-card-metrics strong{color:var(--text-main);overflow-wrap:anywhere;font-size:.95rem}.admin-employee-last-quote{border:1px solid var(--border-color);background:#f8fafc;border-radius:8px;flex-direction:column;gap:.3rem;min-height:72px;padding:.8rem;display:flex}.admin-employee-last-quote strong{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.35;display:-webkit-box;overflow:hidden}.admin-employee-open-btn{border:1px solid var(--border-color);width:100%;color:var(--text-main);cursor:pointer;background:#fff;justify-content:center;margin-top:auto;padding:.75rem .85rem}.admin-quotes-modal{border:1px solid var(--border-color);max-width:980px;box-shadow:var(--shadow-soft);background:#fff;border-radius:8px;padding:1rem}.admin-quotes-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.85rem}.admin-quotes-modal-header h3{color:var(--text-main);font-size:1.15rem}.admin-quotes-modal-header button{width:38px;height:38px;color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.admin-quotes-modal-header button:hover{color:#b42318;background:#fff1f2;border-color:#fecdd3}.admin-quotes-modal-summary{flex-wrap:wrap;padding:.85rem 0}.admin-quotes-modal-summary span{color:var(--text-main);background:#eef4fb;border-radius:8px;padding:.5rem .65rem;font-size:.84rem;font-weight:800}.admin-modal-quote-list{border:1px solid var(--border-color);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.admin-modal-quote-row{width:100%;color:var(--text-main);border-top:1px solid var(--border-color);text-align:left;cursor:pointer;background:#fff;grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.85rem 1rem;display:grid}.admin-modal-quote-row:first-child{border-top:0}.admin-quote-date{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.4rem;font-size:.82rem;display:inline-flex}.admin-quote-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.admin-quote-count{color:var(--text-muted);white-space:nowrap}.admin-quote-open{color:var(--primary-color);white-space:nowrap}.admin-team-empty,.admin-team-error{border:1px solid var(--border-color);color:var(--text-muted);background:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.9rem 1rem;display:flex}.admin-team-error{color:#b42318;background:#fff1f2;border-color:#fecdd3}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}table{border-collapse:collapse}@media (width<=1024px){.sidebar{flex-basis:286px;width:286px;padding-right:.7rem}.main-content{padding-left:0}}@media (width<=768px){.layout-container{flex-direction:column;gap:.75rem;padding:.75rem}.sidebar{flex-basis:auto;width:100%;padding:0}.sidebar-shell{border-radius:24px;height:auto;padding:1rem}.sidebar-header{gap:.85rem;margin-bottom:.9rem}.brand-mark{border-radius:18px;min-height:92px}.sidebar-summary{display:none}.sidebar-nav{flex-direction:row;padding-bottom:.1rem;overflow-x:auto}.nav-item{flex-shrink:0;min-width:170px;padding:.8rem .9rem}.nav-copy small,.nav-chevron{display:none}.main-content{padding:0}.topbar{border-radius:22px;flex-direction:column;align-items:flex-start;min-height:auto;padding:1rem}.user-profile{justify-content:space-between;width:100%}.user-badge{align-items:flex-start}.page-content{padding-top:1rem;padding-bottom:.5rem}.dashboard-home-header{flex-direction:column;padding:1rem}.dashboard-status{justify-content:center;width:100%}.whatsapp-channel-tabs{grid-template-columns:1fr}.whatsapp-channel-tab{grid-template-columns:auto minmax(0,1fr)}.whatsapp-channel-status{grid-column:2;width:fit-content}.quote-whatsapp-panel{flex-direction:column;align-items:stretch}.quote-whatsapp-categories{justify-content:flex-start}.dashboard-menu-grid{grid-template-columns:1fr}.admin-team-quotes-header,.admin-quotes-modal-header{flex-direction:column;align-items:stretch}.admin-team-summary,.admin-quotes-modal-summary{justify-content:flex-start}.admin-team-summary button,.admin-quotes-modal-header button{justify-content:center}.admin-team-card-grid{grid-template-columns:1fr}.admin-modal-quote-row{grid-template-columns:1fr;align-items:stretch}.admin-quote-title{white-space:normal;overflow:visible}table{-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%;display:block;overflow-x:auto}}@media (width<=480px){.auth-card{border:none;border-radius:0;flex-direction:column;justify-content:center;height:100vh;padding:1.5rem;display:flex}.layout-container{padding:.5rem}.nav-item{min-width:144px}.topbar-context h1,.page-title{font-size:1.28rem}}