:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101418;background:#eef1f5}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.nd-root{min-height:100vh;background:#eef1f5;color:#101418}.nd-dark{background:#15181d;color:#f4f6f8}.nd-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.nd-sidebar{background:#111820;color:#f6f7f9;padding:22px 16px}.nd-brand{display:flex;align-items:center;gap:12px;min-height:44px;margin-bottom:28px}.nd-brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#246bfe;font-weight:800}.nd-brand strong,.nd-brand span{display:block}.nd-brand span{color:#9aa7b2;font-size:12px;margin-top:2px}.nd-nav{display:grid;gap:8px}.nd-nav button,.nd-side-actions button,.nd-tabs button{border:0;cursor:pointer}.nd-nav button{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;color:#cbd5df;background:transparent;border-radius:6px;text-align:left}.nd-nav button.active,.nd-nav button:hover{background:#1f2a35;color:#fff}.nd-main{min-width:0;padding:24px}.nd-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.nd-topbar p{margin:0 0 5px;color:#687684;font-size:13px}.nd-dark .nd-topbar p{color:#aab5bf}.nd-topbar h1{margin:0;font-size:26px;line-height:1.15;letter-spacing:0}.nd-top-actions{display:flex;align-items:center;gap:10px}.nd-search{display:flex;align-items:center;gap:8px;min-width:280px;min-height:40px;padding:0 12px;background:#fff;border:1px solid #dfe4ea;border-radius:6px}.nd-dark .nd-search,.nd-dark .nd-panel,.nd-dark .nd-metric,.nd-dark .nd-widget{background:#1d2229;border-color:#313a44}.nd-search input,.nd-composer input,.nd-field input{width:100%;border:0;outline:0;background:transparent;color:inherit}.nd-icon-button,.nd-primary,.nd-call-button{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer}.nd-icon-button{width:40px;height:40px;border-radius:6px;color:inherit;background:#fff;border:1px solid #dfe4ea}.nd-dark .nd-icon-button{background:#1d2229;border-color:#313a44}.nd-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.nd-metric,.nd-panel,.nd-widget{background:#fff;border:1px solid #dfe4ea;border-radius:8px}.nd-metric{padding:16px;display:grid;gap:7px}.nd-metric div{color:#246bfe}.nd-metric span,.nd-panel-title p,.nd-agent span,.nd-ticket-card small,.nd-conversation-head p,.nd-call-stage span{color:#687684;font-size:13px}.nd-dark .nd-metric span,.nd-dark .nd-panel-title p,.nd-dark .nd-agent span,.nd-dark .nd-ticket-card small,.nd-dark .nd-conversation-head p,.nd-dark .nd-call-stage span{color:#aab5bf}.nd-metric strong{font-size:26px}.nd-metric em{color:#0f9f8f;font-size:13px;font-style:normal}.nd-grid{display:grid;gap:14px;margin-top:14px}.nd-grid-admin{grid-template-columns:repeat(3,minmax(0,1fr))}.nd-span-2{grid-column:span 2}.nd-span-3{grid-column:span 3}.nd-panel{min-width:0;padding:16px}.nd-panel-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.nd-panel-title h2,.nd-conversation-head h2,.nd-call-stage h2{margin:0;font-size:17px;letter-spacing:0}.nd-panel-title p{margin:4px 0 0}.nd-chart{display:flex;align-items:end;gap:10px;height:220px;padding:18px;background:#f6f7f9;border-radius:8px}.nd-dark .nd-chart{background:#15181d}.nd-chart span{flex:1;min-width:12px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#246bfe,#0f9f8f)}.nd-chart-legend,.nd-status-row{display:flex;align-items:center}.nd-chart-legend{justify-content:space-around;margin-top:12px;color:#687684;font-size:12px}.nd-agent-list{display:grid;gap:14px}.nd-agent{display:grid;gap:8px}.nd-agent div{display:flex;align-items:center;justify-content:space-between;gap:10px}meter{width:100%;height:8px}.nd-table{width:100%;border-collapse:collapse;font-size:14px}.nd-table th,.nd-table td{padding:12px 10px;border-top:1px solid #dfe4ea;text-align:left}.nd-dark .nd-table th,.nd-dark .nd-table td{border-color:#313a44}.nd-priority{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:12px;background:#eef1f5}.nd-priority.urgent,.nd-priority.high{color:#9d1c1c;background:#ffe6e6}.nd-agent-workspace{display:grid;grid-template-columns:280px minmax(0,1fr) 280px;gap:14px}.nd-ticket-rail,.nd-customer{min-height:620px}.nd-ticket-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;margin-bottom:10px;border-radius:8px;border:1px solid #dfe4ea;background:#fff;color:inherit;text-align:left}.nd-dark .nd-ticket-card{background:#15181d;border-color:#313a44}.nd-ticket-card.selected{border-color:#246bfe;box-shadow:0 0 0 2px #246bfe29}.nd-ticket-card span,.nd-ticket-card small{display:block}.nd-ticket-card em{font-size:12px;font-style:normal;color:#c98310}.nd-conversation{min-height:620px;display:grid;grid-template-rows:auto 1fr auto}.nd-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #dfe4ea}.nd-dark .nd-conversation-head{border-color:#313a44}.nd-primary{gap:8px;min-height:38px;padding:0 14px;border-radius:6px;color:#fff;background:#246bfe}.nd-messages{display:grid;align-content:start;gap:12px;padding:18px 0}.nd-message{max-width:78%;padding:11px 12px;border-radius:8px;line-height:1.45;background:#f1f4f8}.nd-dark .nd-message{background:#15181d}.nd-message.agent{margin-left:auto;background:#e6efff}.nd-dark .nd-message.agent{background:#16335f}.nd-composer{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 8px 0 14px;border:1px solid #dfe4ea;border-radius:8px}.nd-customer dl{display:grid;grid-template-columns:90px 1fr;gap:12px 8px;margin:0 0 20px}.nd-customer dt{color:#687684}.nd-side-actions{display:grid;gap:8px}.nd-side-actions button{min-height:38px;border-radius:6px;color:inherit;background:#f6f7f9}.nd-dark .nd-side-actions button{background:#15181d}.nd-visitor-root{min-height:100vh;overflow:hidden;color:#182130;background:linear-gradient(140deg,#4d70ff2e,#8159ff1c 32%,#f4f7fcf5 62%),#f5f7fb}.nd-cn-app{width:100%;min-height:100vh;display:grid;grid-template-columns:minmax(390px,438px) minmax(0,540px);justify-content:center;align-items:center;gap:28px;padding:32px}.nd-cn-phone{position:relative;width:min(390px,100%);height:min(844px,calc(100vh - 32px));min-height:720px;display:grid;grid-template-rows:34px 1fr 66px;overflow:hidden;border:1px solid rgba(95,111,140,.18);border-radius:30px;background:#f7f9fde0;box-shadow:0 24px 80px #202e4b2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nd-cn-statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#1b2638;font-size:12px;font-weight:700}.nd-cn-content{min-height:0;overflow-y:auto;scrollbar-width:none;padding:0 14px 14px}.nd-cn-content::-webkit-scrollbar{display:none}.nd-cn-page{display:grid;gap:12px}.nd-cn-hero{display:grid;gap:16px;padding:18px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#2264fff5,#7853ffeb),#246bfe;box-shadow:0 18px 44px #3b5be647}.nd-cn-hero-top,.nd-cn-online-card,.nd-cn-section-head,.nd-cn-profile,.nd-cn-chat-head,.nd-cn-notice div,.nd-cn-mine-item{display:flex;align-items:center}.nd-cn-hero-top{justify-content:space-between;gap:12px}.nd-cn-brand{display:inline-flex;margin-bottom:4px;color:#ffffffc7;font-size:13px;font-weight:700}.nd-cn-hero h1,.nd-cn-simple-head h1,.nd-cn-profile h1,.nd-cn-chat-head h1{margin:0;letter-spacing:0}.nd-cn-hero h1{font-size:28px}.nd-cn-round{position:relative;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:14px;color:#fff;background:#ffffff29}.nd-cn-round em{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:#ffdd57}.nd-cn-online-card{display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:16px;background:#ffffff26;border:1px solid rgba(255,255,255,.22)}.nd-cn-online-card div{display:grid;gap:2px;flex:1;min-width:0}.nd-cn-online-card div:last-child{text-align:right}.nd-cn-online-card strong{font-size:22px}.nd-cn-online-card span{color:#ffffffc7;font-size:12px}.nd-cn-primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;color:#246bfe;background:#fff;font-weight:800;cursor:pointer}.nd-cn-quick-form,.nd-cn-section,.nd-cn-home-grid button,.nd-cn-chat-head,.nd-cn-filter,.nd-cn-notice,.nd-cn-mine-list,.nd-cn-profile,.nd-cn-composer,.nd-cn-panel-card,.nd-cn-panel-grid span{border:1px solid rgba(215,222,235,.82);background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nd-cn-quick-form,.nd-cn-section,.nd-cn-mine-list{display:grid;gap:12px;padding:14px;border-radius:18px}.nd-cn-quick-form label{display:grid;gap:6px}.nd-cn-quick-form span,.nd-cn-section-head span,.nd-cn-chat-head span,.nd-cn-bubble span,.nd-cn-attachment span,.nd-cn-notice span,.nd-cn-profile span,.nd-cn-mine-item strong,.nd-cn-panel-card span,.nd-cn-panel-card p{color:#687684;font-size:12px}.nd-cn-quick-form input{width:100%;min-height:40px;border:1px solid #dfe4ea;border-radius:12px;padding:0 12px;outline:0;background:#f8faff;color:#182130}.nd-cn-section-head{justify-content:space-between}.nd-cn-section-head h2,.nd-cn-panel-card h2{margin:0;font-size:17px;letter-spacing:0}.nd-cn-faq-list{display:grid;gap:8px}.nd-cn-faq-list button,.nd-cn-home-grid button{border:0;color:#1f2a35;cursor:pointer}.nd-cn-faq-list button{min-height:38px;border-radius:12px;background:#f3f6fb;text-align:left;padding:0 12px}.nd-cn-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nd-cn-home-grid button{display:grid;gap:7px;min-height:92px;padding:14px;border-radius:18px;text-align:left}.nd-cn-home-grid svg{color:#5b56ff}.nd-cn-home-grid span{color:#687684;font-size:12px}.nd-cn-chat-page{min-height:100%;grid-template-rows:auto auto auto 1fr auto}.nd-cn-chat-head{gap:10px;padding:12px;border-radius:18px}.nd-cn-chat-head h1,.nd-cn-profile h1,.nd-cn-simple-head h1{font-size:18px}.nd-cn-avatar{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:14px;color:#fff;background:linear-gradient(135deg,#246bfe,#7a55ff);font-weight:800}.nd-cn-avatar.large{width:54px;height:54px;border-radius:18px}.nd-cn-call{margin-left:auto;min-height:36px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:12px;padding:0 10px;color:#fff;background:#246bfe}.nd-cn-reconnect,.nd-cn-queue,.nd-cn-error,.nd-cn-empty{border-radius:14px;padding:10px 12px;font-size:13px}.nd-cn-reconnect{display:flex;align-items:center;gap:7px;color:#145c53;background:#e7f7f4}.nd-cn-queue{color:#87600f;background:#fff6df}.nd-cn-chat-list{display:grid;align-content:start;gap:10px;min-height:360px;padding:4px 0 8px}.nd-cn-chat-list time{justify-self:center;padding:4px 8px;border-radius:999px;color:#7c8796;background:#ebeff6eb;font-size:11px}.nd-cn-bubble,.nd-cn-attachment{max-width:82%;display:grid;gap:5px;padding:10px 12px;border-radius:16px;line-height:1.45}.nd-cn-bubble p{margin:0}.nd-cn-bubble.agent,.nd-cn-attachment.agent{justify-self:start;background:#fff;border-top-left-radius:5px}.nd-cn-bubble.user,.nd-cn-attachment.user{justify-self:end;color:#fff;background:linear-gradient(135deg,#246bfe,#695cff);border-top-right-radius:5px}.nd-cn-bubble.user span,.nd-cn-attachment.user span{color:#ffffffc2}.nd-cn-attachment{grid-template-columns:auto 1fr;align-items:center}.nd-cn-attachment strong{display:block;font-size:13px}.nd-cn-composer{position:sticky;bottom:0;display:grid;grid-template-columns:36px 1fr 54px;align-items:center;gap:8px;padding:8px;border-radius:18px}.nd-cn-composer button{height:36px;border:0;border-radius:12px;color:#fff;background:#246bfe;cursor:pointer}.nd-cn-composer button:first-child{color:#4e5a6d;background:#eef2f8}.nd-cn-composer input{min-width:0;height:36px;border:0;outline:0;border-radius:12px;padding:0 10px;background:#f4f6fb}.nd-cn-simple-head{display:flex;align-items:end;justify-content:space-between;padding:4px 2px}.nd-cn-simple-head span{color:#687684;font-size:12px}.nd-cn-filter{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;border-radius:16px}.nd-cn-filter button{min-height:34px;border:0;border-radius:12px;color:#596678;background:transparent;cursor:pointer}.nd-cn-filter button.active{color:#fff;background:#246bfe}.nd-cn-notice-list{display:grid;gap:10px}.nd-cn-notice{display:grid;gap:6px;padding:12px;border-radius:16px}.nd-cn-notice div{justify-content:space-between}.nd-cn-notice p{margin:0;color:#253144}.nd-cn-notice em{padding:2px 7px;border-radius:999px;color:#fff;background:#ff5d5d;font-size:11px;font-style:normal}.nd-cn-empty{color:#687684;text-align:center;background:#f3f6fb}.nd-cn-profile{gap:12px;padding:14px;border-radius:18px}.nd-cn-mine-list{gap:0;padding:4px 14px}.nd-cn-mine-item{min-height:48px;gap:10px;border:0;border-bottom:1px solid #edf1f6;background:transparent}.nd-cn-mine-item:last-child{border-bottom:0}.nd-cn-mine-item svg{color:#5b56ff}.nd-cn-mine-item span{flex:1}.nd-cn-error{color:#a33a3a;background:#fff0f0}.nd-cn-tabbar{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:6px 10px 10px;background:#ffffffeb;border-top:1px solid #edf1f6}.nd-cn-tabbar button{display:grid;place-items:center;gap:3px;border:0;color:#718096;background:transparent;font-size:12px;cursor:pointer}.nd-cn-tabbar button.active{color:#246bfe;font-weight:800}.nd-cn-desktop-panel{display:grid;gap:14px}.nd-cn-panel-card,.nd-cn-panel-grid span{border-radius:20px;box-shadow:0 18px 50px #202e4b1a}.nd-cn-panel-card{padding:24px}.nd-cn-panel-card h2{margin-top:8px;font-size:28px;line-height:1.2}.nd-cn-panel-card p{margin:12px 0 0;font-size:14px;line-height:1.7}.nd-cn-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nd-cn-panel-grid span{min-height:76px;display:flex;align-items:center;padding:16px;color:#253144;font-weight:700}.nd-visitor-stage{display:grid;place-items:center;min-height:calc(100vh - 120px);background:linear-gradient(135deg,#eaf2ff,#f7f2e8 48%,#e7f6f2);border-radius:8px;padding:24px}.nd-dark .nd-visitor-stage{background:linear-gradient(135deg,#152235,#252014 48%,#132923)}.nd-widget{width:min(420px,100%);overflow:hidden;box-shadow:0 24px 70px #1014182e}.nd-widget-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;color:#fff;background:#111820}.nd-widget-head strong,.nd-widget-head span,.nd-field span{display:block}.nd-widget-head span{margin-top:4px;color:#cbd5df;font-size:13px}.nd-tabs{display:grid;grid-template-columns:1fr 1fr;padding:8px;gap:8px;background:#f6f7f9}.nd-dark .nd-tabs{background:#15181d}.nd-tabs button{min-height:36px;border-radius:6px;color:inherit;background:transparent}.nd-tabs button.active{background:#fff;box-shadow:0 1px 3px #1014181f}.nd-dark .nd-tabs button.active{background:#1d2229}.nd-widget-body,.nd-status-stack{display:grid;gap:14px;padding:18px}.nd-field{display:grid;gap:7px}.nd-field span{color:#687684;font-size:13px}.nd-field input{min-height:40px;padding:0 10px;border:1px solid #dfe4ea;border-radius:6px}.nd-full{width:100%}.nd-status-row{min-height:42px;gap:10px;padding:0 2px}.nd-status-row span{flex:1;color:#687684}.nd-call-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;min-height:calc(100vh - 120px)}.nd-call-stage{display:grid;place-items:center;align-content:center;gap:12px;min-height:620px;color:#fff;background:radial-gradient(circle at 50% 30%,rgba(36,107,254,.34),transparent 28%),linear-gradient(135deg,#111820,#20303f 54%,#142923);border-radius:8px;padding:24px}.nd-call-avatar{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.nd-call-stage p,.nd-call-stage h2{margin:0}.nd-call-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:16px}.nd-call-button{width:52px;height:52px;border-radius:50%;color:#fff;background:#ffffff24}.nd-call-button.accept{background:#0f9f8f}.nd-call-button.danger{background:#d94747}.nd-call-side{min-height:620px}@media (max-width: 1050px){.nd-shell{grid-template-columns:74px minmax(0,1fr)}.nd-brand div:not(.nd-brandmark),.nd-nav span{display:none}.nd-metrics,.nd-grid-admin,.nd-agent-workspace,.nd-call-layout{grid-template-columns:1fr}.nd-span-2,.nd-span-3{grid-column:auto}.nd-ticket-rail,.nd-customer,.nd-conversation,.nd-call-stage,.nd-call-side{min-height:auto}}@media (max-width: 720px){.nd-shell{display:block}.nd-sidebar{display:none}.nd-main{padding:14px}.nd-topbar,.nd-top-actions{align-items:stretch;flex-direction:column}.nd-search{min-width:0}.nd-metrics{grid-template-columns:1fr}.nd-table{display:block;overflow-x:auto}.nd-message{max-width:92%}}@media (max-width: 920px){.nd-cn-app{display:block;padding:0;overflow-x:hidden}.nd-cn-phone{width:100vw;max-width:100vw;height:100vh;min-height:680px;border:0;border-radius:0;box-shadow:none}.nd-cn-content{overflow-x:hidden}.nd-cn-desktop-panel{display:none}}