:root{--bg:#07111f;--bg2:#0a1525;--panel:#0d192b;--panel2:#101f34;--panel3:#14263d;--line:#20344f;--line2:#2a4668;--text:#eef6ff;--muted:#8ea4bf;--muted2:#687f9d;--cyan:#35d6e8;--cyan2:#8ae9f2;--blue:#5e8cff;--green:#3bd0a2;--amber:#ffc966;--red:#ff7186;--violet:#a885ff;--shadow:0 18px 50px rgba(0,0,0,.22);--sidebar:224px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 92% -10%,rgba(94,140,255,.11),transparent 26%),var(--bg)}.sidebar{height:100vh;position:-webkit-sticky;position:sticky;top:0;background:#07101c;border-right:1px solid var(--line);padding:18px 12px 16px;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:3px 8px 22px}.logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#5d83ff,#34d6e9 55%,#ed65b5);display:grid;place-items:center;font-weight:900;color:white;box-shadow:0 10px 30px rgba(53,214,232,.12)}.brand strong{display:block;font-size:15px;letter-spacing:.04em}.brand small{display:block;color:#96a9c0;font-size:10px;letter-spacing:.19em;margin-top:1px}.navLabel{padding:10px 9px 7px;color:#607a9a;font-size:9px;text-transform:uppercase;letter-spacing:.17em}.sidebar nav{display:grid;grid-gap:4px;gap:4px}.sidebar nav button{width:100%;border:0;background:transparent;color:#b9c9dc;padding:10px;border-radius:10px;text-align:left;display:grid;grid-template-columns:22px 1fr auto;align-items:center;grid-gap:8px;gap:8px;cursor:pointer;font-size:12px;transition:.16s}.sidebar nav button.active,.sidebar nav button:hover{background:linear-gradient(90deg,rgba(53,214,232,.1),rgba(94,140,255,.08));color:white}.sidebar nav button.active{box-shadow:inset 3px 0 0 var(--cyan)}.navIcon{font-size:14px;text-align:center}.sidebar nav em{font-style:normal;font-size:9px;min-width:20px;text-align:center;padding:2px 6px;border-radius:999px;background:#1b3551;color:#cde4f7}.sidebarUser{position:absolute;left:12px;right:12px;bottom:78px;display:grid;grid-template-columns:34px 1fr 8px;grid-gap:8px;gap:8px;align-items:center;padding:9px;border-top:1px solid rgba(32,52,79,.75)}.miniAvatar{width:34px;height:34px;border-radius:10px;background:#1d3652;display:grid;place-items:center;font-size:10px;font-weight:800}.sidebarUser small,.sidebarUser strong{display:block}.sidebarUser strong{font-size:10px}.sidebarUser small{font-size:9px;color:var(--muted);margin-top:2px}.presence{width:7px;height:7px;border-radius:50%;background:var(--muted2)}.presence.available{background:var(--green)}.presence.busy{background:var(--red)}.presence.break{background:var(--amber)}.workspaceCard{position:absolute;bottom:12px;left:12px;right:12px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:#0b1829}.workspaceCard small,.workspaceCard span,.workspaceCard strong{display:block}.workspaceCard small{font-size:8px;color:#6f87a5;text-transform:uppercase;letter-spacing:.1em}.workspaceCard strong{font-size:10px;margin:2px 0}.workspaceCard span{font-size:8px;color:#8ca3bd}.main{min-width:0;min-height:100vh}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 18px;position:-webkit-sticky;position:sticky;top:0;z-index:25;background:rgba(7,17,31,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search{position:relative;flex:1 1;max-width:560px}.search>span{position:absolute;left:13px;top:9px;color:#6e86a4}.search input{width:100%;height:40px;border:1px solid var(--line);background:#0c192b;color:white;border-radius:11px;padding:0 14px 0 38px;outline:none;font-size:12px}.search input:focus{border-color:#315679}.topActions{margin-left:auto;display:flex;gap:7px;align-items:center}.ghost,.iconButton,.noteButton,.primary,.textButton,.toolButton{border-radius:9px;cursor:pointer;transition:.15s}.ghost{border:1px solid var(--line);background:#0d1b2e;color:#d8e6f6;padding:8px 10px}.ghost:hover{border-color:#355a7e;background:#10213a}.primary{border:0;background:linear-gradient(135deg,var(--cyan),#83e8ef);color:#05131c;font-weight:800;padding:9px 13px;box-shadow:0 8px 24px rgba(53,214,232,.08)}.primary:hover{filter:brightness(1.04)}.iconButton{width:36px;height:36px;border:1px solid var(--line);background:#0d1b2e;color:#b9cadc}.languageButton,.logoutButton{height:36px}.dbStatus{display:inline-flex;align-items:center;gap:6px;border:1px solid #1d4c4b;background:#0b2827;border-radius:999px;padding:5px 8px;font-size:9px;color:#9bead1}.dbStatus i{width:6px;height:6px;border-radius:50%;background:var(--green)}.userMenu{border:0;background:transparent;color:white;display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:10px;cursor:pointer}.userMenu:hover{background:#0d1b2e}.avatar{width:32px;height:32px;border-radius:10px;background:#213b5b;display:grid;place-items:center;font-size:10px;font-weight:800}.userMenuText small,.userMenuText strong{display:block;text-align:left}.userMenuText strong{font-size:10px}.userMenuText small{font-size:8px;color:var(--muted)}.content{padding:24px;max-width:1680px;margin:0 auto}.pageHead{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.pageHead h1{margin:0 0 5px;font-size:26px;line-height:1.1;letter-spacing:-.02em}.pageHead p{margin:0;color:var(--muted);font-size:12px}.eyebrow{font-size:9px!important;text-transform:uppercase;letter-spacing:.16em;color:#6f89aa!important;margin-bottom:6px!important}.dashboardHeadActions{display:flex;gap:8px}.welcomeStrip{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:linear-gradient(100deg,#0d1d31,#0b1727);border-radius:15px;padding:14px 16px;margin-bottom:14px}.welcomeAvatar{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#1e4564,#244e6a);display:grid;place-items:center;font-size:12px;font-weight:900}.welcomeStrip>div:nth-child(2){min-width:0}.welcomeStrip>div:nth-child(2)>span,.welcomeStrip>div:nth-child(2)>strong{display:block}.welcomeStrip>div:nth-child(2)>strong{font-size:13px}.welcomeStrip>div:nth-child(2)>span{font-size:10px;color:var(--muted);margin-top:4px}.welcomeMeta{margin-left:auto;display:flex;gap:24px}.welcomeMeta>span{font-size:8px;color:#6f86a4;text-transform:uppercase;letter-spacing:.09em}.welcomeMeta strong{display:block;color:#dbe8f5;font-size:10px;text-transform:none;letter-spacing:0;margin-top:3px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.stat{border:1px solid var(--line);background:linear-gradient(180deg,#0f1e31,#0b1727);border-radius:14px;padding:15px;box-shadow:0 12px 30px rgba(0,0,0,.09)}.statTop{display:flex;justify-content:space-between;align-items:center}.statTop>span{font-size:10px;color:var(--muted)}.statTop i{width:7px;height:7px;border-radius:50%;background:#315675}.stat>strong{display:block;font-size:25px;letter-spacing:-.03em;margin:7px 0 3px}.stat>small{font-size:9px;color:#77cdb6}.warningStat{border-color:#604b27;background:linear-gradient(180deg,#1a1d27,#171724)}.warningStat .statTop i{background:var(--amber)}.warningStat>small{color:#eecb7c}.compactStats{margin-top:4px}.dashboardMainGrid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr)}.dashboardMainGrid,.dashboardSideStack{display:grid;grid-gap:15px;gap:15px}.card{border:1px solid var(--line);background:linear-gradient(180deg,#0f1d30,#0b1727);border-radius:15px;overflow:hidden;box-shadow:0 14px 35px rgba(0,0,0,.08)}.cardHead{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.cardHead h3{font-size:12px;margin:0}.cardHead p{margin:3px 0 0}.cardHead p,.cardHead>span{font-size:9px;color:var(--muted)}.textButton{border:0;background:transparent;color:#8ee8f1;padding:4px;font-size:10px}.workloadBody{padding:14px 16px}.workloadBar{margin-bottom:14px}.workloadBar:last-child{margin-bottom:0}.workloadBar>div{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}.workloadBar>div span{color:var(--muted)}.teamWorkloadList i,.workloadBar>i{display:block;height:6px;background:#162a42;border-radius:999px;overflow:hidden}.teamWorkloadList i b,.workloadBar>i b{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:999px}.workloadBar>i b.danger{background:linear-gradient(90deg,var(--amber),var(--red))}.teamWorkloadList{padding:10px 16px}.teamWorkloadList>div{display:grid;grid-template-columns:1fr auto;grid-gap:7px;gap:7px;margin-bottom:11px}.teamWorkloadList span{font-size:10px}.teamWorkloadList strong{font-size:10px;color:#cbdced}.teamWorkloadList i{grid-column:1/-1}.presenceCard{min-height:190px}.todayCard{padding:22px 18px;display:flex;align-items:center;gap:13px}.statusOrb{width:36px;height:36px;border-radius:50%;background:#31475f;box-shadow:inset 0 0 0 8px #132238}.statusOrb.available{background:var(--green)}.statusOrb.busy{background:var(--red)}.todayCard span,.todayCard strong{display:block}.todayCard strong{font-size:13px}.todayCard span{font-size:10px;color:var(--muted);margin-top:4px}.agentList{padding:7px 14px}.agentList>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:8px 0;border-bottom:1px solid rgba(32,52,79,.65)}.agentList>div:last-child{border-bottom:0}.agentAvatar{width:28px;height:28px;border-radius:9px;background:#1b3450;display:grid;place-items:center;font-size:8px;font-weight:800}.agentList small,.agentList strong{display:block}.agentList strong{font-size:9px}.agentList small{font-size:8px;color:var(--muted);margin-top:2px}.agentState{font-size:7px;text-transform:uppercase;letter-spacing:.07em;color:#9caec3}.agentState.available{color:#74dfbd}.agentState.busy{color:#ff95a5}.miniEmpty{padding:26px;text-align:center;font-size:10px;color:var(--muted)}.tableWrap{overflow:auto}.ticketTable{width:100%;border-collapse:collapse;min-width:680px}.ticketTable td,.ticketTable th{padding:12px 14px;border-top:1px solid rgba(32,52,79,.7);font-size:10px;text-align:left}.ticketTable th{border-top:0;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#6c84a2}.ticketTable tbody tr{cursor:pointer}.ticketTable tbody tr:hover{background:#102039}.ticketTable td small,.ticketTable td strong{display:block;max-width:480px}.ticketTable td strong{font-size:10px}.ticketTable td small{font-size:8px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inboxLayout{display:grid;grid-template-columns:300px minmax(0,1fr);min-width:0;background:#081321}.ticketList{border-right:1px solid var(--line);background:#091522;display:flex;flex-direction:column;min-width:0}.listHead{padding:14px 13px;border-bottom:1px solid var(--line);background:#0a1727}.listTitleRow{display:flex;align-items:center;justify-content:space-between}.listHead h2{font-size:15px;margin:0}.queueCount{font-size:9px;min-width:24px;text-align:center;border:1px solid #31506c;border-radius:999px;padding:3px 6px;color:#c4d8ea}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.chip{border:1px solid #294761;border-radius:999px;padding:4px 7px;font-size:8px;color:#91aac4;background:#0d1c2d}.chip.active{background:#d6f9fc;color:#07131c;border-color:transparent;font-weight:800}.ticketScroll{overflow:auto}.ticketItem{width:100%;border:0;border-bottom:1px solid rgba(32,52,79,.72);background:transparent;color:var(--text);text-align:left;padding:12px;cursor:pointer;transition:.14s}.ticketItem.selected,.ticketItem:hover{background:#0e2136}.ticketItem.selected{box-shadow:inset 3px 0 0 var(--cyan)}.ticketSenderRow{display:grid;grid-template-columns:30px 1fr auto;grid-gap:8px;gap:8px;align-items:center}.senderAvatar{width:29px;height:29px;border-radius:9px;background:#1b3854;display:grid;place-items:center;font-size:8px;font-weight:800}.ticketSender{min-width:0}.ticketSender span,.ticketSender strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticketSender strong{font-size:9px}.ticketSender span{font-size:8px;color:#7890ad;margin-top:2px}.ticketSenderRow time{font-size:8px;color:#7790ad}.ticketSubject{font-size:10px;font-weight:750;line-height:1.35;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticketPreview{font-size:8px;color:#8197b2;line-height:1.45;margin:5px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticketMetaRow{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.assigneePill,.priorityPill,.softPill,.statusBadge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 6px;font-size:7px;border:1px solid #294761;color:#a9bfd4}.priorityPill.urgent{color:#ffb0bd;border-color:#7c3244;background:#301822}.priorityPill.high{color:#ffd0a5;border-color:#76452a;background:#2b1d15}.priorityPill.medium{color:#b7d6ff;border-color:#315278;background:#13233b}.priorityPill.low{color:#a9decf;border-color:#2b5d51;background:#102820}.statusBadge.new,.statusBadge.open{color:#9edff5;border-color:#22566b;background:#0e2b38}.statusBadge.pending{color:#f5d48b;border-color:#725b28;background:#2c2514}.statusBadge.closed,.statusBadge.resolved{color:#9ce0c3;border-color:#245d4c;background:#10291f}.assigneePill{border-style:dashed}.mailWorkspace{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#0b1625}.mailHeader{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:18px;justify-content:space-between;background:#0b1828}.mailHeaderMain{min-width:0;max-width:860px}.ticketNumber{font-size:9px;color:#78a6ca;margin-bottom:3px}.mailHeader h1{font-size:18px;line-height:1.22;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.02em}.mailHeaderMeta{display:flex;gap:6px;flex-wrap:wrap}.mailHeaderActions{display:flex;gap:7px;flex:none}.conversationViewport{overflow:auto;background:#e8edf3}.conversationCanvas{width:min(850px,calc(100% - 28px));margin:0 auto;padding:20px 0 28px}.emailMessage{margin-bottom:14px;border-radius:11px;overflow:hidden;box-shadow:0 4px 14px rgba(18,33,47,.1);border:1px solid #d4dbe3;background:#fff;color:#172232}.emailMessageHeader{padding:11px 14px;background:#f7f9fb;border-bottom:1px solid #e0e5eb;display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center}.mailAvatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:9px;font-weight:800;color:white;background:#355b7d}.mailAvatar.customer{background:#355d82}.mailAvatar.agent{background:#356b60}.emailIdentity{min-width:0}.emailIdentity>div{display:flex;align-items:center;gap:7px;min-width:0}.emailIdentity strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sentBadge{font-size:7px;border-radius:999px;background:#e3f5ee;color:#26705c;padding:2px 5px}.recipientToggle{border:0;background:transparent;color:#6a7b8e;padding:0;margin-top:3px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis}.emailTime,.recipientToggle{font-size:8px;white-space:nowrap}.emailTime{display:flex;align-items:center;gap:6px;color:#718196}.emailTime button{border:0;background:transparent;color:#68798e;font-size:16px;cursor:pointer}.emailPaper{padding:20px 22px 22px;background:white}.emailSubjectLine{font-size:12px;font-weight:750;color:#27374a;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid #edf0f4}.emailText{white-space:pre-wrap;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.68;color:#243345;word-break:break-word}.internalNote{width:min(780px,calc(100% - 24px));margin:12px auto 14px;padding:12px 14px;border:1px solid #dfc989;background:#fff9e8;color:#3e3522;border-radius:10px;display:grid;grid-template-columns:28px 1fr;grid-gap:9px;gap:9px}.internalNoteIcon{width:28px;height:28px;border-radius:8px;background:#f6e9b9;display:grid;place-items:center;font-size:11px}.internalNoteHead{display:flex;justify-content:space-between;gap:8px}.internalNoteHead strong{font-size:9px;text-transform:uppercase;letter-spacing:.06em}.internalNoteHead span{font-size:8px;color:#7d7051}.internalNote p{font-size:10px;line-height:1.5;margin:5px 0 0;white-space:pre-wrap}.emptyConversation,.selectTicket{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#677b93}.emptyConversation h3,.selectTicket h2{margin:7px 0 4px;color:#31455c}.emptyConversation p,.selectTicket p{font-size:10px;margin:0}.selectTicket>div{font-size:28px}.composerDock{border-top:1px solid var(--line);background:#0b1828;padding:10px 14px}.composerDock.collapsed{padding:9px 14px}.quickReplyBar{display:flex;align-items:center;gap:7px}.quickHint{margin-left:auto;font-size:8px;color:#728aa6}.composerDock.open{padding:0;background:#0c192a}.composerTabs{display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);height:39px}.composerTabs>button:not(.composerClose){height:39px;padding:0 12px;border:0;background:transparent;color:#8ea3bd;font-size:9px;border-bottom:2px solid transparent;cursor:pointer}.composerTabs>button.active{color:#eaf4ff;border-bottom-color:var(--cyan)}.composerTabs>button.active.note{border-bottom-color:var(--amber);color:#f2d89f}.composerClose{border:0;background:transparent;color:#7890ad;font-size:20px;cursor:pointer}.composerToolbar{height:42px;padding:0 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line)}.composerToolbar select{background:#0d1d31;border:1px solid var(--line);color:#d5e3f2;border-radius:8px;padding:7px 9px;font-size:9px;max-width:180px}.toolButton{width:30px;height:29px;border:1px solid var(--line);background:#0c1b2d;color:#c8d6e5}.composerEnvelope{display:grid;grid-template-columns:1fr 1.4fr;border-bottom:1px solid var(--line)}.composerEnvelope>div{display:grid;grid-template-columns:50px 1fr;align-items:center;padding:7px 12px;font-size:9px;min-width:0}.composerEnvelope>div:first-child{border-right:1px solid var(--line)}.composerEnvelope span{color:#738ba7}.composerEnvelope strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550}.composerDock textarea{display:block;width:100%;min-height:94px;max-height:190px;resize:vertical;border:0;background:#0c192a;color:#eef6ff;padding:12px 14px;outline:none;font-size:11px;line-height:1.55}.composerDock textarea.noteEditor{background:#171827;color:#f0e3bd}.composerActions{display:flex;align-items:center;padding:8px 12px;border-top:1px solid var(--line)}.composerStatus,.noteVisibility{font-size:8px;color:#69819d}.noteVisibility{color:#d8bb77}.noteButton{border:1px solid #8b7032;background:#d5ad4b;color:#231c0e;font-weight:800;padding:8px 12px}.detailsBackdrop{position:fixed;inset:68px 0 0 var(--sidebar);background:rgba(2,7,13,.44);z-index:39;display:none}.detailsBackdrop.show{display:block}.ticketDetailsDrawer{position:fixed;right:-360px;top:68px;bottom:0;width:340px;background:#0b1727;border-left:1px solid var(--line);z-index:40;transition:right .22s ease;box-shadow:-24px 0 50px rgba(0,0,0,.24);overflow:auto}.ticketDetailsDrawer.open{right:0}.drawerHeader{height:62px;padding:12px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background:#0b1727;z-index:2}.drawerHeader h3{margin:0;font-size:13px}.drawerHeader button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#0e1d31;color:#cbd8e7;cursor:pointer;font-size:17px}.drawerBody{padding:14px}.drawerBody section{padding:13px 0;border-bottom:1px solid rgba(32,52,79,.75)}.drawerBody section:first-child{padding-top:0}.drawerBody h4{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#66809f;margin:0 0 10px}.customerSummary{display:grid;grid-template-columns:42px 1fr;grid-gap:10px;gap:10px;align-items:center}.customerLargeAvatar{width:40px;height:40px;border-radius:12px;background:#1c3955;display:grid;place-items:center;font-size:10px;font-weight:800}.customerSummary small,.customerSummary span,.customerSummary strong{display:block}.customerSummary strong{font-size:10px}.customerSummary span{font-size:8px;color:#9aafc6;margin-top:2px}.customerSummary small{font-size:8px;color:#6f86a3;margin-top:3px}.detail{display:flex;justify-content:space-between;gap:14px;font-size:9px;padding:5px 0}.detail span{color:#738ba8}.detail strong{text-align:right;font-size:9px}.timeline>div{display:grid;grid-template-columns:8px 1fr;grid-gap:8px;gap:8px;position:relative;padding:0 0 13px}.timeline>div:before{content:"";position:absolute;left:3px;top:9px;bottom:-1px;width:1px;background:#26425f}.timeline>div:last-child:before{display:none}.timeline i{width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-top:3px}.timeline small,.timeline strong{display:block}.timeline strong{font-size:8px}.timeline small{font-size:8px;color:#6e86a3;margin-top:2px}.settingsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:13px;gap:13px}.settingTile{padding:16px;text-align:left;display:grid;grid-template-columns:40px 1fr;grid-gap:11px;gap:11px;cursor:pointer;color:var(--text)}.settingTile:hover{border-color:#365c7f;transform:translateY(-1px)}.settingIcon{width:39px;height:39px;border-radius:11px;background:#132942;border:1px solid #23415e;display:grid;place-items:center;font-size:15px}.settingTile strong{display:block;font-size:11px}.settingTile p{font-size:9px;color:var(--muted);line-height:1.45;margin:4px 0 8px}.settingTile div>span{font-size:9px;color:#84dfea}.templateGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:13px;gap:13px}.templateCard{padding:15px}.templateTop{display:flex;justify-content:space-between;align-items:center}.templateTop>span:last-child{font-size:8px;color:#7188a5}.templateCard h3{font-size:12px;margin:12px 0 8px}.templateCard pre{white-space:pre-wrap;font-family:inherit;color:#aebfd1;font-size:9px;line-height:1.55;min-height:150px;max-height:220px;overflow:auto}.templateActions{display:flex;gap:7px;margin-top:12px}.twoCols{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.formCard{padding-bottom:12px}.pad{padding:10px 15px}.field label{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.field input{width:100%;background:#091625;border:1px solid var(--line);border-radius:9px;color:white;padding:9px}.portalPreview{border-radius:15px;overflow:hidden;background:#f5f7fa;color:#1d2a39;box-shadow:var(--shadow)}.portalPreview header{padding:16px 18px;background:linear-gradient(135deg,#0d2847,#16436a);color:white;display:flex;justify-content:space-between;font-size:10px}.portalPreview>div{padding:24px}.portalPreview h2{font-size:20px}.portalPreview p{color:#6d7d8e;font-size:11px}.portalPreview input{width:100%;border:1px solid #d8e0e8;border-radius:9px;padding:10px;margin:10px 0}.emptyState{padding:46px 24px;text-align:center}.emptyIcon{width:44px;height:44px;margin:0 auto 11px;border-radius:13px;display:grid;place-items:center;background:#132942;border:1px solid #274b6d;color:#98edf4}.emptyState h3{font-size:13px;margin:0 0 6px}.emptyState p{max-width:560px;margin:0 auto 14px;font-size:10px;line-height:1.6;color:var(--muted)}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#dffcff;color:#07131c;font-weight:800;border-radius:10px;padding:10px 14px;font-size:10px;z-index:99;box-shadow:0 12px 30px rgba(0,0,0,.2)}.grow{flex:1 1}.authScreen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 0,rgba(78,124,255,.16),transparent 30%),radial-gradient(circle at 10% 100%,rgba(236,74,163,.08),transparent 24%),#08111f}.authCard{width:min(470px,100%);border:1px solid var(--line);background:linear-gradient(180deg,#101d30,#0b1524);border-radius:18px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.authBrand{display:flex;align-items:center;gap:11px;margin-bottom:20px}.authBrand b,.authBrand small{display:block}.authBrand small{color:var(--muted);letter-spacing:.16em}.authCard h1{margin:0 0 7px;font-size:25px}.authCard>p{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.6}.authCard form{display:grid;grid-gap:13px;gap:13px}.authCard label{font-size:11px;color:var(--muted)}.authCard label input{display:block;width:100%;margin-top:6px;background:#0a1424;border:1px solid var(--line);color:white;border-radius:10px;padding:11px;outline:none}.authCard label input:focus{border-color:var(--cyan)}.authSubmit{width:100%;padding:11px;margin-top:4px}.authError{border:1px solid #7f1d1d;background:#35151c;color:#fda4af;border-radius:10px;padding:10px 11px;font-size:11px;margin-bottom:13px}.authHint,.authLoading{color:var(--muted);font-size:11px}.authHint{display:block;line-height:1.5}.backSettings{margin-bottom:14px}.emailChannelsPage .pageHead{margin-bottom:16px}.emailChannelGrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);grid-gap:16px;gap:16px;align-items:start}.emailChannelForm form{padding:16px}.emailFormGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.emailChannelForm label{font-size:10px;color:var(--muted)}.emailChannelForm input,.emailChannelForm select{display:block;width:100%;margin-top:6px;background:#091625;border:1px solid var(--line);color:#fff;border-radius:9px;padding:10px;outline:none}.emailChannelForm input:focus,.emailChannelForm select:focus{border-color:var(--cyan)}.inputAction{display:grid;grid-template-columns:1fr auto;grid-gap:7px;gap:7px;align-items:end}.inputAction .ghost{height:39px;margin-top:6px;white-space:nowrap}.mailServerSection{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.mailServerTitle{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.mailServerTitle strong{font-size:11px}.mailServerTitle span{font-size:9px;color:var(--muted)}.emailServerGrid{display:grid;grid-template-columns:minmax(0,1fr) 110px 130px;grid-gap:10px;gap:10px;align-items:end}.checkLabel{height:39px;display:flex!important;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:#c5d2e2!important;background:#091625}.checkLabel input{width:auto!important;margin:0!important}.serverHint{font-size:9px;color:#748aa7;margin-top:8px;line-height:1.5}.toggleRow{display:flex!important;gap:10px;align-items:flex-start;margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0b1728}.toggleRow>input{width:auto!important;margin:3px 0 0!important}.toggleRow small,.toggleRow strong{display:block}.toggleRow strong{font-size:10px;color:#e8f1fb}.toggleRow small{font-size:9px;line-height:1.5;margin-top:3px}.emailFormActions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.connectionResult{margin-top:14px;border-radius:10px;padding:11px;display:grid;grid-gap:4px;gap:4px;font-size:9px}.connectionResult strong{font-size:10px}.connectionResult span{color:#b9c8dc}.connectionResult.success{border:1px solid #0f6b55;background:#0b2a22}.connectionResult.failed{border:1px solid #7f1d1d;background:#35151c}.settingsNotice{margin-bottom:12px;border:1px solid #29415f;background:#0d1c2e;border-radius:10px;padding:10px 12px;color:#c8d7e8;font-size:10px}.connectedChannels{padding:10px}.connectedChannel{border:1px solid var(--line);background:#0b1728;border-radius:11px;padding:12px;margin-bottom:9px}.connectedChannelTop{display:grid;grid-template-columns:34px 1fr auto;grid-gap:9px;gap:9px;align-items:center}.channelIcon{width:34px;height:34px;border-radius:9px;background:#152b43;display:grid;place-items:center}.connectedChannelTop span,.connectedChannelTop strong{display:block}.connectedChannelTop>div:nth-child(2)>span{font-size:9px;color:var(--muted);margin-top:2px}.channelStatus{font-size:8px;color:#9db1c9}.channelStatus.ok{color:#6ee7b7}.channelStatus.bad{color:#fda4af}.channelDetails{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin-top:11px}.channelDetails span{font-size:8px;color:#7e94af}.channelDetails b{display:block;color:#cfdbeb;font-size:9px;margin-top:2px}.channelLastTest{font-size:8px;color:var(--muted);line-height:1.5;word-break:break-word}.channelActions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.syncFailed{color:#fda4af!important}@media(max-width:1280px){.userMenuText{display:none}.dashboardMainGrid{grid-template-columns:minmax(0,1.5fr) 300px}.settingsGrid,.stats,.templateGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1050px){:root{--sidebar:76px}.brand>div:last-child,.navLabel,.sidebar nav button>span:nth-child(2),.sidebar nav em,.sidebarUser>div:nth-child(2),.workspaceCard{display:none}.sidebar nav button{grid-template-columns:1fr;place-items:center}.sidebarUser{grid-template-columns:34px 8px;justify-content:center}.topbar{padding:0 12px}.dashboardMainGrid,.twoCols{grid-template-columns:1fr}.dashboardSideStack{grid-template-columns:1fr 1fr}.inboxLayout{grid-template-columns:275px minmax(0,1fr)}.detailsBackdrop{left:var(--sidebar)}.emailChannelGrid{grid-template-columns:1fr}.emailChannelList{order:-1}}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{position:-webkit-sticky;position:sticky}.content{padding:16px}.pageHead{align-items:flex-start;flex-direction:column}.welcomeMeta{display:none}.stats{grid-template-columns:1fr 1fr}.dashboardSideStack,.inboxLayout,.settingsGrid,.templateGrid{grid-template-columns:1fr}.inboxLayout{height:calc(100vh - 68px)}.ticketList{display:none}.mailHeader{padding:12px}.mailHeaderActions .ghost:first-child{display:block}.mailHeader h1{font-size:15px}.conversationCanvas{width:calc(100% - 16px);padding:12px 0}.emailPaper{padding:16px}.emailMessageHeader{grid-template-columns:32px 1fr}.emailTime{grid-column:2}.quickHint{display:none}.composerEnvelope{grid-template-columns:1fr}.composerEnvelope>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.ticketDetailsDrawer{top:68px;width:min(340px,92vw)}.detailsBackdrop{left:0}.emailFormGrid{grid-template-columns:1fr}.emailServerGrid{grid-template-columns:1fr 100px}.checkLabel{grid-column:1/-1}.emailFormActions{flex-direction:column}.emailFormActions button{width:100%}.topActions .dbStatus,.topActions .languageButton,.topActions .logoutButton{display:none}}.ticketAssignSelect{max-width:210px;background:#0e1a2d;border:1px solid #29415f;color:#e9f3ff;border-radius:10px;padding:9px 10px;outline:none}.ticketAssignSelect:focus{border-color:#20d4e8}.ticketAssignSelect:disabled{opacity:.55}button:disabled{opacity:.55;cursor:not-allowed}.inboxLayout{height:calc(100vh - 68px)}.mailWorkspace,.ticketList{min-height:0}.conversationViewport,.ticketScroll{min-height:0;overflow:auto;scrollbar-width:thin}.ticketScroll{scrollbar-color:#365270 #081321}.conversationViewport{scrollbar-color:#9eabb8 #d9e0e7}.conversationViewport::-webkit-scrollbar,.ticketScroll::-webkit-scrollbar{width:10px;height:10px}.ticketScroll::-webkit-scrollbar-track{background:#091522}.conversationViewport::-webkit-scrollbar-track{background:#d9e0e7}.ticketScroll::-webkit-scrollbar-thumb{background:#28425d;border-radius:999px;border:2px solid #091522}.conversationViewport::-webkit-scrollbar-thumb{background:#a8b6c4;border-radius:999px;border:2px solid #d9e0e7}.mailWorkspace{grid-template-rows:auto auto minmax(0,1fr) auto}.mailActionBar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line);background:#0b1625;position:relative;z-index:2}.mailActionButtons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mailActionBar .ghost,.mailActionBar .primary{min-height:36px}.mailActionHint{font-size:10px;color:#738ba7;white-space:nowrap}.conversationViewport{padding-bottom:0}.conversationCanvas{padding:20px 0 120px}.composerDock{position:-webkit-sticky;position:sticky;bottom:0;z-index:6;box-shadow:0 -12px 30px rgba(0,0,0,.18)}.quickReplyBar{justify-content:flex-start;flex-wrap:wrap}.quickReplyBar .ghost,.quickReplyBar .primary{min-height:36px}.quickHint{margin-left:0}@media(max-width:900px){.mailActionBar{align-items:flex-start;flex-direction:column}.mailActionHint{white-space:normal}}@media(max-width:760px){.mailActionBar{padding:10px 12px}.mailActionButtons{width:100%}.mailActionButtons button{flex:1 1}.conversationCanvas{padding:12px 0 110px}}.editableEnvelope{position:relative;grid-template-columns:1fr 1.4fr;padding-right:74px}.editableEnvelope>div{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;padding:7px 12px;font-size:9px;min-width:0}.editableEnvelope input{width:100%;border:0;background:transparent;color:#eaf4ff;outline:none;font-size:9px;min-width:0}.editableEnvelope input[readonly]{color:#b9cada}.editableEnvelope .wideEnvelopeField{grid-column:1/-1;border-top:1px solid var(--line);border-right:0!important}.ccToggle{position:absolute;right:10px;top:7px;border:1px solid var(--line);background:#0d1d31;color:#9db2c8;border-radius:7px;padding:5px 7px;font-size:8px;cursor:pointer}.ccToggle:hover{color:#eaf5ff;border-color:#365b7e}.attachmentPicker{display:grid!important;place-items:center;cursor:pointer;border-radius:6px}.attachmentPicker input{display:none}.signatureSelect{background:#0d1d31;border:1px solid var(--line);color:#c9d8e8;border-radius:8px;padding:7px 8px;font-size:9px;max-width:155px}.composerAttachments{display:flex;gap:7px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line);background:#0a1727}.composerAttachments>div{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;grid-gap:7px;gap:7px;align-items:center;max-width:310px;border:1px solid #294761;border-radius:8px;background:#0d1d31;padding:6px 7px;color:#cedceb;font-size:9px}.composerAttachments span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composerAttachments small{font-size:8px;color:#7890aa}.composerAttachments button{width:20px;height:20px;border:0;background:transparent;color:#8299b1;cursor:pointer;font-size:15px}.messageAttachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #edf0f4}.messageAttachments a{display:grid;grid-template-columns:25px minmax(100px,1fr) auto;grid-gap:8px;gap:8px;align-items:center;min-width:220px;max-width:360px;border:1px solid #d9e0e7;border-radius:9px;padding:8px 9px;color:#243345;text-decoration:none;background:#f8fafc}.messageAttachments a:hover{border-color:#9fb7ce;background:#f2f7fb}.messageAttachments a>span{font-size:15px}.messageAttachments small,.messageAttachments strong{display:block}.messageAttachments strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messageAttachments small{font-size:8px;color:#718196;margin-top:2px}.messageAttachments b{font-size:8px;color:#2b6f94}.signatureGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.signatureCard{overflow:hidden}.signatureFormBody{padding:16px}.signatureFormBody textarea{width:100%;min-height:180px;resize:vertical;background:#0a1626;border:1px solid var(--line);border-radius:10px;color:#edf6ff;padding:12px;outline:none;line-height:1.55}.signatureFormBody textarea:focus{border-color:var(--cyan)}.signatureFormBody textarea:disabled{opacity:.55}.signaturePermission{display:block;color:#7d93ad;font-size:9px;margin-top:8px}.signatureSave{grid-column:1/-1;display:flex;justify-content:flex-end}.signatureSave .primary{min-width:150px}.mailActionButtons .ghost,.mailActionButtons .primary{font-weight:700}.mailActionButtons .primary{box-shadow:0 6px 18px rgba(32,212,232,.16)}@media(max-width:900px){.signatureGrid{grid-template-columns:1fr}.signatureSave{grid-column:1}.editableEnvelope{grid-template-columns:1fr;padding-right:0}.editableEnvelope>div:first-child{border-right:0!important}.ccToggle{position:static;margin:7px 10px;justify-self:start}.signatureSelect{max-width:130px}}.signaturePreview{margin:0 12px 8px;border-left:2px solid #35516d;padding:7px 10px;background:#0a1727;border-radius:0 7px 7px 0}.signaturePreview>span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#6d87a3;margin-bottom:4px}.signaturePreview pre{margin:0;white-space:pre-wrap;font-family:inherit;color:#aebfd1;font-size:9px;line-height:1.45}body,html{height:100%;overflow:hidden}.main,.shell{height:100vh;min-height:0;overflow:hidden}.main{display:flex;flex-direction:column}.topbar{position:relative;top:auto;flex:0 0 68px;min-height:68px}.content{overflow-y:auto;overscroll-behavior:contain}.content,.inboxLayout{flex:1 1 auto;min-height:0}.inboxLayout{height:auto!important;overflow:hidden}.ticketList{height:100%;min-height:0!important;overflow:hidden!important}.listHead{flex:0 0 auto}.ticketScroll{flex:1 1;height:0;min-height:0!important;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mailWorkspace{height:100%;min-height:0!important;overflow:hidden!important;grid-template-rows:auto auto minmax(0,1fr) auto!important}.composerDock,.mailActionBar,.mailHeader{min-height:0}.conversationViewport{height:100%;min-height:0!important;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative}.conversationCanvas{min-height:max-content;padding-bottom:140px!important}.conversationViewport::-webkit-scrollbar,.ticketScroll::-webkit-scrollbar{width:12px!important}.ticketScroll::-webkit-scrollbar-thumb{background:#3a5878!important;border:3px solid #091522!important}.conversationViewport::-webkit-scrollbar-thumb{background:#8798aa!important;border:3px solid #d9e0e7!important}.ticketScroll::-webkit-scrollbar-thumb:hover{background:#4d6f94!important}.conversationViewport::-webkit-scrollbar-thumb:hover{background:#718497!important}.emailChannelsPage,.settingsPage,.templatesPage{min-height:0}@media(max-width:760px){body,html{overflow:auto}.main,.shell{height:auto;min-height:100vh;overflow:visible}.main{display:block}.topbar{position:-webkit-sticky;position:sticky;top:0}.content{overflow:visible}.inboxLayout{height:calc(100vh - 68px)!important}.mailWorkspace{height:100%}}.workspaceLoginBadge{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #284866;background:#0a1b2e;border-radius:10px;padding:9px 11px;margin:-7px 0 15px}.workspaceLoginBadge span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#728ba7}.workspaceLoginBadge strong{font-size:11px;color:#dff9fc}.workspaceManagerGrid{display:grid;grid-template-columns:minmax(380px,.75fr) minmax(0,1.25fr);grid-gap:16px;gap:16px;align-items:start}.workspaceCreateForm{padding:16px;display:grid;grid-gap:13px;gap:13px}.workspaceCreateForm label{font-size:10px;color:#849ab4}.workspaceCreateForm input{display:block;width:100%;margin-top:6px;background:#0a1626;border:1px solid var(--line);border-radius:9px;color:#edf6ff;padding:10px;outline:none}.workspaceCreateForm input:focus{border-color:var(--cyan)}.workspaceSlugField{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:6px;border:1px solid var(--line);background:#0a1626;border-radius:9px;overflow:hidden}.workspaceSlugField:focus-within{border-color:var(--cyan)}.workspaceSlugField input{margin:0;border:0;border-radius:0}.workspaceSlugField span{padding:0 10px;color:#6f88a5;font-size:10px;border-left:1px solid var(--line);height:100%;display:flex;align-items:center}.workspaceFormNote{border:1px solid #24425e;background:#0b1b2e;color:#8ca3bd;border-radius:9px;padding:10px;font-size:9px;line-height:1.55}.workspaceCreated{display:grid;grid-template-columns:auto 1fr;grid-gap:3px 12px;gap:3px 12px;align-items:center;border:1px solid #176357;background:#0b2924;border-radius:11px;padding:11px 13px;margin-bottom:14px}.workspaceCreated span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#76bcae}.workspaceCreated strong{font-size:11px;color:#aef0df;overflow-wrap:anywhere}.workspaceCreated small{grid-column:2;font-size:8px;color:#82aa9f;line-height:1.5}.workspaceListCard{overflow:hidden}.workspaceList{max-height:560px;overflow:auto}.workspaceRow{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(32,52,79,.72)}.workspaceAvatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1c3b58,#245977);display:grid;place-items:center;font-size:9px;font-weight:800}.workspaceInfo{min-width:0}.workspaceInfo small,.workspaceInfo span,.workspaceInfo strong{display:block}.workspaceInfo strong{font-size:10px}.workspaceInfo span{font-size:9px;color:#85a7c5;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspaceInfo small{font-size:8px;color:#697f9b;margin-top:3px}.workspaceRow>a{font-size:9px;color:#8ee9f3;text-decoration:none;border:1px solid #294b68;border-radius:8px;padding:7px 9px}.workspaceRow>a:hover{background:#10263b}@media(max-width:980px){.workspaceManagerGrid{grid-template-columns:1fr}}