.sidebar{color:#e5e7eb;background:#0f172a;flex-direction:column;width:240px;height:100vh;padding:16px;display:flex}.sidebar-brand{align-items:center;gap:10px;margin-bottom:24px;padding:12px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.brand-name{font-size:16px;font-weight:600}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:#cbd5f5;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:#6366f126}.nav-icon{text-align:center;width:20px;font-size:16px}.nav-label{white-space:nowrap}@media (max-width:768px){.sidebar{width:72px;padding:12px}.brand-name,.nav-label{display:none}.sidebar-brand{justify-content:center}}.profile-wrapper{align-items:flex-start;gap:24px;display:flex}.profile-form,.password-form{background:#fff;border-radius:14px;flex:1;min-width:380px;padding:28px;box-shadow:0 10px 28px #0000000f}.profile-title{margin-bottom:4px;font-size:20px;font-weight:600}.profile-subtitle{color:#6b7280;margin-bottom:24px;font-size:14px}.form-group{flex-direction:column;margin-bottom:18px;display:flex}.form-group label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500}.form-group input{border:1px solid #d1d5db;border-radius:10px;padding:11px 12px;font-size:14px;transition:border .2s,box-shadow .2s}.form-group input:focus{border-color:#f97316;outline:none;box-shadow:0 0 0 3px #f9731626}.form-group input:disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.form-actions{justify-content:flex-end;margin-top:8px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s,transform .1s}.primary-btn:active{transform:scale(.98)}.secondary-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600}.secondary-btn:hover{background:#000}@media (max-width:900px){.profile-wrapper{flex-direction:column}}.profile-page{max-width:520px}.profile-tabs{background:#f3f4f6;border-radius:12px;margin-bottom:24px;padding:4px;display:flex;position:relative}.profile-tab{text-align:center;color:#6b7280;cursor:pointer;z-index:1;background:0 0;border:none;flex:1;padding:10px 0;font-size:14px;font-weight:600}.profile-tab.active{color:#111827}.profile-tab-indicator{background:linear-gradient(135deg,#f97316,#fb923c);border-radius:10px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .25s;position:absolute;top:4px;left:4px;box-shadow:0 6px 14px #f9731659}.settings-page{max-width:1000px;padding:24px}.settings-page h1{margin-bottom:6px;font-size:26px;font-weight:600}.settings-page .muted{color:#6b7280;font-size:14px}.settings-tabs .tab{text-align:center;cursor:pointer;z-index:1;color:#4b5563;flex:1;padding:10px 0;font-size:14px;font-weight:500;transition:color .2s}.settings-tabs .tab.active{color:#111827}.tab-indicator{background:#fff;border-radius:12px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .25s;position:absolute;top:4px;left:4px;box-shadow:0 6px 14px #00000014}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.team-card{background:#fff;border-radius:16px;max-width:900px;padding:24px;box-shadow:0 12px 28px #0000000f}.team-card h2{margin-bottom:6px;font-size:20px;font-weight:600}.team-card .muted{color:#6b7280;margin-bottom:20px;font-size:14px}.team-list{flex-direction:column;gap:14px;display:flex}.team-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:16px 18px;transition:background .2s,transform .15s;display:flex}.team-row:hover{background:#f3f4f6;transform:translateY(-1px)}.avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:600;display:flex}.team-info{flex:1}.team-name{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.team-email{color:#6b7280;margin-top:2px;font-size:13px}.role-badge{text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.role-badge.admin{color:#991b1b;background:#fee2e2}.role-badge.agent{color:#155e75;background:#ecfeff}.role-badge.manager{color:#065f46;background:#ecfdf5}.team-status{align-items:center;display:flex}.status{border-radius:999px;padding:6px 14px;font-size:12px;font-weight:500}.status.active{color:#166534;background:#dcfce7}.invite-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 12px 28px #0000000f}.invite-card h3{margin-bottom:14px}.invite-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.invite-form input,.invite-form select{border:1px solid #d1d5db;border-radius:10px;flex:1;min-width:200px;padding:10px 12px;font-size:14px}.invite-form select{max-width:160px}.primary-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:10px;padding:10px 18px;font-weight:600;transition:background .2s,transform .1s}.primary-btn:hover{background:#ea580c}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.error-text{color:#dc2626;margin-top:10px;font-size:13px}@media (max-width:640px){.team-row{flex-direction:column;align-items:flex-start}.team-status{margin-top:8px}.settings-tabs{width:100%}}.settings-header h1{margin-bottom:6px;font-size:26px;font-weight:600}.settings-header .muted{color:#6b7280;font-size:14px}.settings-tabs{background:#f3f4f6;border-radius:14px;width:260px;margin:24px 0 32px;padding:4px;display:flex;position:relative}.settings-tab{text-align:center;color:#6b7280;cursor:pointer;z-index:1;background:0 0;border:none;flex:1;padding:10px 0;font-size:14px;font-weight:600}.settings-tab.active{color:#111827}.settings-tab-indicator{background:linear-gradient(135deg,#f97316,#fb923c);border-radius:10px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .25s;position:absolute;top:4px;left:4px;box-shadow:0 6px 14px #f9731659}.settings-content{animation:.25s fadeIn}.inbox-page{background:#f9fafb;height:calc(100vh - 64px);display:flex}.inbox-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:340px;display:flex}.inbox-header{border-bottom:1px solid #e5e7eb;padding:16px;font-size:18px;font-weight:600}.conversation-list{flex:1;overflow-y:auto}.conversation-item{cursor:pointer;gap:12px;padding:12px 14px;transition:background .15s;display:flex}.conversation-item:hover{background:#f3f4f6}.conversation-item.active{background:#eef2ff}.avatar{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:600;display:flex}.conversation-info{flex:1;min-width:0}.conversation-top{justify-content:space-between;margin-bottom:4px;display:flex}.conversation-name{color:#111827;font-size:14px;font-weight:600}.conversation-time{color:#6b7280;font-size:12px}.conversation-bottom{justify-content:space-between;align-items:center;display:flex}.last-message{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13px;overflow:hidden}.unread-badge{color:#fff;background:#22c55e;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.inbox-chat-placeholder{color:#6b7280;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.inbox-chat{background:#f9fafb;flex-direction:column;flex:1;display:flex}.chat-placeholder,.chat-loading{color:#6b7280;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.chat-messages{flex-direction:column;gap:10px;padding:20px;display:flex;overflow-y:auto}.message-bubble.sent{color:#065f46;background:#dcfce7;align-self:flex-end}.message-bubble.received{background:#fff;border:1px solid #e5e7eb;align-self:flex-start}.message-time{text-align:right;color:#6b7280;margin-top:4px;font-size:11px}.message-row{margin-bottom:10px;display:flex}.message-row.left{justify-content:flex-start}.message-row.right{justify-content:flex-end}.message-bubble{border-radius:14px;max-width:70%;padding:10px 14px;font-size:14px;line-height:1.4}.message-bubble.received{color:#111827;background:#f1f5f9;border-top-left-radius:4px}.message-bubble.sent{color:#111827;background:#dcf8c6;border-top-right-radius:4px}.message-time{opacity:.6;font-size:11px}.date-divider{text-align:center;color:#6b7280;margin:14px 0;font-size:12px}.message-meta{justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;display:flex}.read-ticks{font-size:12px;line-height:1}.read-ticks.delivered{color:#9ca3af}.read-ticks.read{color:#3b82f6}.chat-input{background:#fff;border-top:1px solid #e5e7eb;gap:10px;padding:12px;display:flex}.chat-input input{border:1px solid #d1d5db;border-radius:999px;outline:none;flex:1;padding:10px 14px;font-size:14px}.chat-input button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:999px;padding:10px 16px;font-weight:500}.chat-input button:disabled{opacity:.6;cursor:not-allowed}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif}body{background:#f5f5f5;margin:0}.auth-wrapper{background-image:url(/geometric_perspective_line_pattern_background.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card.clean{background:#fff;border-radius:16px;width:420px;padding:40px;box-shadow:0 20px 40px #0000001f}.auth-card h2{margin-bottom:8px;font-size:26px}.subtitle{color:#6b7280;margin-bottom:24px;font-size:14px}.auth-card input{border:1px solid #d1d5db;border-radius:999px;width:100%;margin-bottom:14px;padding:14px 16px;font-size:15px}.auth-card input:focus{border-color:teal;outline:none}.auth-card button{color:#fff;cursor:pointer;background:teal;border:none;border-radius:999px;width:100%;margin-top:8px;padding:14px;font-size:15px;font-weight:600}.auth-card button:disabled{opacity:.7;cursor:not-allowed}.footer-text{color:#374151;margin-top:20px;font-size:14px}.footer-text span{color:teal;cursor:pointer;font-weight:500}.error-text{color:#dc2626;margin-bottom:10px;font-size:14px}