:root{--brand-red:#d72027;--brand-red-hover:#bf1c22;--brand-black:#272117;--brand-black-hover:#3a3225;--brand-gray:#777167;--brand-beige:#efe9df;--white:#fff;--bg:#efe9df;--bg-1:#fff;--bg-2:#efe9df;--bg-3:#e5ddd0;--bg-sidebar:#272117;--bg-sidebar-hover:#ffffff0f;--line:#77716733;--line-2:#77716759;--line-dark:#ffffff14;--gold:var(--brand-red);--gold-hover:var(--brand-red-hover);--gold-soft:#d7202714;--gold-line:#d7202747;--fg:#272117;--fg-1:#272117;--fg-2:#777167;--fg-3:#9a9387;--fg-on-dark:#f5f1e8;--fg-on-dark-2:#b5ad9f;--fg-on-dark-3:#7a7264;--fg-disabled:#5f594f;--blue:#2563eb;--blue-soft:#2563eb14;--green:#059669;--green-soft:#0596691a;--yellow:#b7791f;--yellow-soft:#b7791f1a;--red:var(--brand-red);--red-soft:#d7202714;--purple:#7c3aed;--purple-soft:#7c3aed14;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-full:9999px;--shadow-card:0 1px 3px #00000014;--shadow-md:0 4px 6px #00000014;--shadow-lg:0 10px 20px #0000001a;--font:"Manrope", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;margin:0;padding:0}body{font-family:var(--font);color:var(--fg);-webkit-font-smoothing:antialiased;font-size:14px;font-weight:300;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}::selection{background:var(--gold-soft);color:var(--brand-red)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#77716740;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#77716766}.app{min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);width:232px;color:var(--fg-on-dark);flex-direction:column;flex-shrink:0;height:100vh;padding:20px 14px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:4px 8px 24px;display:flex}.brand .mark{letter-spacing:.06em;color:var(--fg-on-dark);font-size:15px;font-weight:500}.brand .mark .dot{color:var(--brand-red);margin:0 2px}.brand .sub{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-on-dark-3);margin-top:3px;font-size:9px}.nav-label{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-on-dark-3);padding:14px 10px 6px;font-size:10px;font-weight:500}.nav-item{border-radius:var(--r-md);color:var(--fg-on-dark-2);text-align:left;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13.5px;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--bg-sidebar-hover);color:var(--fg-on-dark)}.nav-item.active{background:var(--white);color:var(--brand-black);font-weight:500}.nav-item .count{color:#ff8a90;border-radius:var(--r-full);background:#d720272e;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:500}.nav-item.active .count{background:var(--brand-red);color:var(--white)}.user-card{border-top:1px solid var(--line-dark);align-items:center;gap:10px;margin-top:auto;padding:12px 10px;display:flex}.avatar{border-radius:var(--r-full);width:32px;height:32px;color:var(--white);background:linear-gradient(135deg,#5a4f3d,#3a3225);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.avatar.gold{background:var(--brand-red);color:var(--white)}.avatar.sm{width:24px;height:24px;font-size:10px}.avatar.lg{width:44px;height:44px;font-size:14px}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:5;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar .title{color:var(--fg-1);font-size:16px;font-weight:500}.topbar .crumb{color:var(--fg-2);font-size:13px}.topbar .crumb .sep{color:var(--fg-3);margin:0 8px}.topbar-search{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:8px;width:320px;max-width:40%;padding:7px 12px;display:flex}.topbar-search input{color:var(--fg-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.topbar-search input::placeholder{color:var(--fg-3)}.kbd{font-family:var(--mono);color:var(--fg-2);background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-size:10.5px}.icon-btn{border-radius:var(--r-md);width:34px;height:34px;color:var(--fg-2);justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex;position:relative}.icon-btn:hover{background:var(--bg-2);color:var(--fg-1)}.icon-btn .bdg-dot{border-radius:var(--r-full);background:var(--brand-red);border:2px solid var(--bg);width:7px;height:7px;position:absolute;top:6px;right:6px}.content{flex:1;min-width:0;padding:22px 24px 64px}.card{background:var(--bg-1);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.card-pad{padding:18px 20px}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.card-head .h{color:var(--fg-1);font-size:14px;font-weight:500}.card-head .s{color:var(--fg-2);margin-top:2px;font-size:11.5px}.btn{border-radius:var(--r-md);justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:500;transition:background .12s,transform 80ms,color .12s,border-color .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-gold{background:var(--brand-red);color:var(--white)}.btn-gold:hover{background:var(--brand-red-hover)}.btn-primary{background:var(--brand-red);color:var(--white)}.btn-primary:hover{background:var(--brand-red-hover)}.btn-secondary{background:var(--brand-black);color:var(--white)}.btn-secondary:hover{background:var(--brand-black-hover)}.btn-ghost{color:var(--fg-1);background:var(--white);border:1px solid var(--line)}.btn-ghost:hover{background:var(--bg-2)}.btn-danger{background:var(--brand-red);color:var(--white)}.btn-danger:hover{background:var(--brand-red-hover)}.btn-sm{padding:6px 10px;font-size:12px}.btn-block{width:100%}.btn:disabled{cursor:not-allowed;background:var(--bg-3);color:var(--fg-disabled);box-shadow:none}.btn:disabled:hover{background:var(--bg-3);color:var(--fg-disabled)}.btn:disabled:active{transform:none}.bdg{border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.bdg-gold{background:var(--gold-soft);color:var(--brand-red)}.bdg-blue{background:var(--blue-soft);color:var(--blue)}.bdg-green{background:var(--green-soft);color:var(--green)}.bdg-yellow{background:var(--yellow-soft);color:var(--yellow)}.bdg-red{background:var(--red-soft);color:var(--red)}.bdg-purple{background:var(--purple-soft);color:var(--purple)}.bdg-neutral{background:var(--bg-2);color:var(--fg-2)}.dot{border-radius:var(--r-full);width:6px;height:6px;display:inline-block}.dot-low{background:var(--blue)}.dot-medium{background:var(--yellow)}.dot-high{background:#ea580c}.dot-critical{background:var(--brand-red);box-shadow:0 0 0 3px var(--red-soft)}.field{flex-direction:column;gap:5px;display:flex}.field-label{color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.input,.select{background:var(--white);border:1px solid var(--line-2);border-radius:var(--r-md);color:var(--fg-1);outline:none;width:100%;padding:9px 11px;font-size:13px;transition:border-color .12s,background .12s}.input:focus,.select:focus{border-color:var(--brand-red)}.input::placeholder{color:var(--fg-3)}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3 5l3 3 3-3' stroke='%23777167' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.seg{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);gap:0;width:100%;padding:3px;display:inline-flex}.seg button{color:var(--fg-2);border-radius:5px;flex:1;padding:6px 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s}.seg button:hover{color:var(--fg-1)}.seg button.active{background:var(--white);color:var(--fg-1);box-shadow:var(--shadow-card)}.seg.gold button.active{background:var(--brand-red);color:var(--white)}.toggle-pill{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-full);gap:0;padding:3px;display:inline-flex}.toggle-pill button{border-radius:var(--r-full);color:var(--fg-2);padding:5px 14px;font-size:12px;font-weight:500}.toggle-pill button.active{background:var(--brand-black);color:var(--white)}.chip{border-radius:var(--r-full);background:var(--white);border:1px solid var(--line);color:var(--fg-2);align-items:center;gap:6px;padding:5px 11px;font-size:12px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.chip:hover{color:var(--fg-1);background:var(--bg-2)}.chip.active{background:var(--brand-black);border-color:var(--brand-black);color:var(--white)}.chip .num{color:var(--fg-3);font-variant-numeric:tabular-nums}.chip.active .num{color:#ffffffb3}.queue-item{border-bottom:1px solid var(--line);cursor:pointer;border-left:2px solid #0000;flex-direction:column;gap:4px;padding:12px 14px;transition:background .1s;display:flex}.queue-item:hover{background:var(--bg-2)}.queue-item.active{background:var(--bg-2);border-left:2px solid var(--brand-red)}.queue-item .row1{align-items:center;gap:8px;display:flex}.queue-item .name{color:var(--fg-1);flex:1;font-size:13px;font-weight:500}.queue-item .time{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:11px}.queue-item .subj{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.queue-item .meta{align-items:center;gap:8px;margin-top:2px;display:flex}.channel-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.ch-email{background:var(--blue-soft);color:var(--blue)}.ch-phone,.ch-whatsapp{background:var(--green-soft);color:var(--green)}.ch-web{background:var(--purple-soft);color:var(--purple)}.ch-ig{background:var(--red-soft);color:var(--red)}.ch-trendyol{color:#c5500a;background:#ff83001f}.ch-hb{color:#c64500;background:#ff60001f}.ai-box{background:var(--blue-soft);border-radius:var(--r-md);border:1px solid #2563eb2e;padding:14px 16px}.ai-box .ai-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.ai-box .ai-head .lbl{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:600}.ai-box .ai-summary{color:var(--fg-1);font-size:13px;line-height:1.55}.ai-metrics{border-top:1px dashed #2563eb33;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;display:flex}.ai-chip{border-radius:var(--r-full);background:var(--white);color:var(--fg-2);border:1px solid var(--line);align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex}.ai-chip strong{color:var(--fg-1);font-weight:500}.tabs{background:var(--bg-2);border-radius:var(--r-md);border:1px solid var(--line);gap:2px;padding:3px;display:inline-flex}.tabs button{color:var(--fg-2);border-radius:5px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:background .12s,color .12s}.tabs button.active{background:var(--white);color:var(--fg-1);box-shadow:var(--shadow-card)}.tabs.underline{border:none;border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:0;padding:0;display:flex}.tabs.underline button{color:var(--fg-2);box-shadow:none;background:0 0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:10px 16px}.tabs.underline button.active{color:var(--brand-red);border-bottom-color:var(--brand-red);background:0 0}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:8px;bottom:8px;left:15px}.tl-item{padding-bottom:18px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";border-radius:var(--r-full);background:var(--white);border:2px solid var(--brand-gray);width:9px;height:9px;position:absolute;top:6px;left:-22px}.tl-item.gold:before{border-color:var(--brand-red);background:var(--brand-red)}.tl-item.blue:before{border-color:var(--blue)}.tl-item.green:before{border-color:var(--green);background:var(--green)}.tl-item .tl-head{align-items:center;gap:8px;margin-bottom:4px;font-size:12.5px;display:flex}.tl-item .tl-head .who{color:var(--fg-1);font-weight:500}.tl-item .tl-head .when{color:var(--fg-3);margin-left:auto;font-size:11px}.tl-item .tl-body{color:var(--fg-1);background:var(--bg-2);border-radius:var(--r-md);padding:10px 12px;font-size:13px}.tl-item .tl-body.email{background:var(--blue-soft)}.tl-item .tl-body.note{background:#b7791f1a}.tbl{border-collapse:collapse;width:100%}.tbl thead th{background:var(--bg-2);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2);text-align:left;border-bottom:1px solid var(--line);padding:10px 14px;font-size:10.5px;font-weight:500}.tbl thead th.num{text-align:right}.tbl tbody td{border-bottom:1px solid var(--line);vertical-align:middle;color:var(--fg-1);padding:12px 14px;font-size:13px}.tbl tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.tbl tbody tr:hover{background:var(--bg-2)}.tbl tbody tr:last-child td{border-bottom:none}.metric{background:var(--bg-1);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:18px 20px}.metric .m-head{color:var(--fg-2);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:400;display:flex}.metric .m-val{color:var(--fg-1);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:500;line-height:1.1}.metric .m-sub{color:var(--fg-2);align-items:center;gap:6px;margin-top:6px;font-size:11.5px;display:flex}.metric .m-icon{border-radius:var(--r-sm);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sla-bar{background:var(--bg-3);border-radius:var(--r-full);height:4px;position:relative;overflow:hidden}.sla-bar .fill{border-radius:var(--r-full);height:100%;transition:width .3s}.sla-bar .fill.green{background:var(--green)}.sla-bar .fill.yellow{background:var(--yellow)}.sla-bar .fill.red{background:var(--brand-red)}.tag-row{flex-wrap:wrap;gap:5px;display:flex}.modal-backdrop{z-index:100;background:#27211773;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--r-lg);width:100%;max-width:640px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:calc(100vh - 48px);display:flex}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-body{padding:18px 22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.hr{background:var(--line);height:1px;margin:14px 0}.kvp{justify-content:space-between;padding:7px 0;font-size:13px;display:flex}.kvp .k{color:var(--fg-2)}.kvp .v{color:var(--fg-1);font-weight:500}.kvp+.kvp{border-top:1px solid var(--line)}.empty{text-align:center;color:var(--fg-3);padding:36px 16px;font-size:13px}.shimmer{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.flash{animation:1.4s ease-in-out infinite flash}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}.cmd-backdrop{z-index:200;background:#27211780;justify-content:center;align-items:flex-start;padding-top:80px;display:flex;position:fixed;inset:0}.cmd-palette{background:var(--white);border-radius:var(--r-lg);width:100%;max-width:640px;box-shadow:var(--shadow-lg), 0 0 0 1px var(--line);flex-direction:column;max-height:480px;display:flex;overflow:hidden}.cmd-input-row{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.cmd-input{color:var(--fg-1);background:0 0;border:none;outline:none;flex:1;font-size:15px}.cmd-input::placeholder{color:var(--fg-3)}.cmd-results{flex:1;padding:6px 0 10px;overflow-y:auto}.cmd-group{padding:6px 0}.cmd-group-label{color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;padding:4px 14px;font-size:10.5px;font-weight:600}.cmd-item{cursor:pointer;color:var(--fg-1);align-items:center;gap:10px;padding:8px 14px;font-size:13.5px;transition:background 80ms;display:flex}.cmd-item[data-selected=true],.cmd-item:hover{background:var(--bg-3)}.cmd-item-label{flex:1}.cmd-item-sub{color:var(--fg-3);font-size:11px;font-family:var(--mono)}.cmd-empty{text-align:center;color:var(--fg-3);padding:28px 16px;font-size:13px}.toast-stack{z-index:3000;flex-direction:column;gap:8px;max-width:340px;display:flex;position:fixed;top:16px;right:16px}.toast{background:var(--white);border-radius:var(--r-md);box-shadow:var(--shadow-md), 0 0 0 1px var(--line);color:var(--fg-1);align-items:flex-start;gap:10px;padding:11px 14px;font-size:13px;animation:.18s ease-out toast-in;display:flex}.toast-icon{flex-shrink:0;margin-top:1px}.toast-msg{flex:1;line-height:1.45}.toast-close{color:var(--fg-3);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;line-height:1}.toast-close:hover{color:var(--fg-1)}.toast-success .toast-icon{color:var(--green)}.toast-error .toast-icon{color:var(--red)}.toast-info .toast-icon{color:var(--blue)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-panel{background:var(--white);border-radius:var(--r-lg);width:320px;box-shadow:var(--shadow-lg), 0 0 0 1px var(--line);z-index:50;position:absolute;top:44px;right:0;overflow:hidden}.notif-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.notif-list{max-height:360px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--line);cursor:default;gap:10px;padding:10px 14px;font-size:12.5px;transition:background .1s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-2)}.notif-item-dot{border-radius:var(--r-full);background:var(--brand-red);flex-shrink:0;width:7px;height:7px;margin-top:4px}.notif-item-body{flex:1;line-height:1.4}.notif-item-time{color:var(--fg-3);margin-top:2px;font-size:11px}.notif-empty{text-align:center;color:var(--fg-3);padding:24px;font-size:13px}.notif-foot{border-top:1px solid var(--line);text-align:center;padding:8px 14px}.notif-foot button{color:var(--fg-2);cursor:pointer;background:0 0;border:none;font-size:12px}.notif-foot button:hover{color:var(--fg-1)}.login-page{background:var(--bg-2);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;width:100%;max-width:360px;padding:32px}.login-brand{margin-bottom:24px}.login-brand .mark{letter-spacing:.06em;font-weight:700}.login-brand .dot{color:var(--brand-red)}.login-brand .sub{color:var(--fg-3);margin-top:2px;font-size:12px}.login-form{text-align:left;flex-direction:column;gap:12px;display:flex}.login-submit{justify-content:center;width:100%}.login-identity{background:var(--bg-2);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.login-identity-email{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.login-change{color:var(--fg-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.login-change:hover{color:var(--fg-1)}.login-error{color:var(--brand-red);text-align:left;margin-bottom:12px;font-size:13px}.login-hint{color:var(--fg-3);font-size:12px}.login-help{color:var(--fg-3);margin-top:20px;font-size:12px}