@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");:root{--bg:#f6f8fb;--panel:#fff;--ink:#182230;--muted:#667085;--line:#e5eaf0;--green:#3e1686;--green-soft:#ebe8f6;--navy:#102a43;--red:#b42318;--shadow:0 8px 28px rgba(16,42,67,.05)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:245px;background:#fff;border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column;gap:28px}.brand{padding:0 12px}.brand-mark{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700}.brand-icon{width:38px;height:38px;border-radius:12px;background:var(--green);color:white;display:grid;place-items:center;font-weight:700}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.nav-label{font-size:10px;letter-spacing:.12em;color:#98a2b3;font-weight:700;padding:0 12px;margin-bottom:8px}.nav{flex-direction:column;gap:4px}.nav,.nav a{display:flex}.nav a{gap:12px;align-items:center;padding:11px 12px;border-radius:10px;color:#475467;font-size:13px}.nav a.active,.nav a:hover{background:var(--green-soft);color:var(--green);font-weight:600}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0;color:var(--muted);font-size:12px;line-height:1.7}.main{flex:1 1;min-width:0}.topbar{height:78px;background:rgba(255,255,255,.85);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.topbar .eyebrow{font-size:11px;color:var(--muted)}.topbar h1{font-size:19px;margin:3px 0 0}.user-pill{display:flex;align-items:center;gap:10px;font-size:12px;color:#475467}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ebe9f7;color:var(--green);font-weight:700}.content{padding:30px 34px;max-width:1500px;margin:auto}.welcome{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.welcome h2{margin:0 0 7px;font-size:23px}.welcome p{margin:0;color:var(--muted);font-size:13px}.btn{border:0;background:var(--green);color:#fff;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.btn.secondary{background:white;color:#344054;border:1px solid var(--line)}.btn:disabled{opacity:.55;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.panel,.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat{padding:20px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.stat-icon{width:35px;height:35px;border-radius:10px;background:#f1eff8;color:var(--green);display:grid;place-items:center}.stat-value{font-size:28px;font-weight:700;margin-top:18px;letter-spacing:-.04em}.stat-note{font-size:11px;color:var(--muted);margin-top:5px}.two-col{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:17px;gap:17px;margin-top:20px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h3{margin:0;font-size:14px}.panel-head p{margin:5px 0 0;font-size:11px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#f2f4f7;padding:6px 9px;color:#475467;font-size:10px;font-weight:600}.dot{width:6px;height:6px;background:#98a2b3;border-radius:50%}.status.good{background:#ebe8f6;color:#2e1375}.status.good .dot{background:#4616a3}.status.warn{background:#fff4e5;color:#9a6700}.integration{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.integration:first-of-type{border-top:0}.int-left{display:flex;align-items:center;gap:12px}.int-icon{width:38px;height:38px;border-radius:10px;background:#f2f4f7;display:grid;place-items:center}.int-name{font-size:12px;font-weight:700}.int-desc{font-size:10px;color:var(--muted);margin-top:4px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;color:var(--muted);font-size:10px;font-weight:600;padding:12px 10px;border-bottom:1px solid var(--line)}.table td{padding:14px 10px;border-bottom:1px solid #f0f2f5}.table tr:last-child td{border-bottom:0}.empty{text-align:center;padding:32px 16px;color:var(--muted);font-size:12px}.empty strong{display:block;color:var(--ink);font-size:13px;margin-bottom:6px}.form-card{max-width:460px;margin:8vh auto;background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:34px}.login-bg{min-height:100vh;padding:20px;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#e6e3f6 0,transparent 32%),var(--bg)}.form-card h1{font-size:23px;margin:24px 0 8px}.form-card p{color:var(--muted);font-size:13px;line-height:1.6}.field{display:flex;flex-direction:column;gap:7px;margin:17px 0}.field label{font-size:12px;font-weight:600}.field input,.field select,.field textarea,.input{border:1px solid #d0d5dd;border-radius:9px;padding:12px;background:white;outline:none;font-size:13px;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #e8e5f5}.error{color:var(--red);font-size:12px;background:#fef3f2;border-radius:8px;padding:10px}.notice{font-size:11px;line-height:1.6;color:var(--muted);background:#f8fafc;border:1px solid var(--line);padding:12px;border-radius:10px}.page-title{margin-bottom:22px}.page-title h2{font-size:22px;margin:0 0 6px}.page-title p{font-size:13px;color:var(--muted);margin:0}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.toolbar input{max-width:360px}.table-wrap{overflow:auto}.inline-form{display:flex;gap:10px;flex-wrap:wrap}.inline-form .input{flex:1 1;min-width:180px}.mobile-menu{display:none}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.sidebar{width:220px}.content{padding:24px}.topbar{padding:0 24px}}@media(max-width:700px){.sidebar{display:none}.topbar{height:68px;padding:0 18px}.content{padding:20px 15px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:14px}.stat-value{font-size:23px}.welcome{align-items:flex-start;flex-direction:column}.panel{padding:15px}.topbar h1{font-size:16px}.user-pill span{display:none}.form-card{padding:25px}.welcome h2{font-size:21px}}.contacts-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.contacts-stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.contacts-stat-card span{display:block;color:var(--muted);font-size:11px}.contacts-stat-card strong{display:block;font-size:24px;margin-top:9px}.toolbar select.input{max-width:220px}.table .btn{white-space:nowrap}.table .status{margin:2px}@media(max-width:900px){.contacts-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.toolbar>div{flex-basis:100%}.toolbar select.input{flex:1 1;max-width:none}}@media(max-width:520px){.contacts-stats-grid{gap:8px}.contacts-stat-card{padding:12px}.contacts-stat-card strong{font-size:20px}.toolbar>.btn{flex:1 1;justify-content:center}}.contacts-page{min-width:0;width:100%;max-width:1500px;overflow-x:clip}.contacts-page>.panel,.contacts-page>section{min-width:0;max-width:100%}.contacts-page .contacts-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(130px,1fr)) repeat(2,minmax(130px,1fr)) repeat(3,auto);align-items:stretch;grid-gap:10px;gap:10px;width:100%;min-width:0}.contacts-page .contacts-filters>*{min-width:0;max-width:100%;width:100%}.contacts-page .contacts-filters .contacts-search{min-width:0}.contacts-page .contacts-filters .contacts-search .input{max-width:none;width:100%}.contacts-page .contacts-filters select.input{max-width:none;width:100%;min-width:0}.contacts-page .contacts-tag-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.contacts-page .contacts-tag-form .input{width:min(100%,420px);max-width:none;flex:1 1 260px}.contacts-page .contacts-segment-form{display:grid;grid-template-columns:minmax(220px,1.4fr) auto minmax(220px,1fr);align-items:stretch;grid-gap:10px;gap:10px;width:100%;min-width:0}.contacts-page .contacts-segment-form>*{min-width:0;max-width:100%}.contacts-page .contacts-segment-form .input{width:100%;max-width:none}.contacts-page .contacts-segment-form select.input{min-width:0;width:100%}.contacts-page .contacts-bulk-toolbar{display:flex;align-items:center;gap:10px;min-width:0}.contacts-page .contacts-bulk-toolbar .input{max-width:none}.contacts-page .contacts-customer-table{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}.contacts-page .contacts-customer-table .table{min-width:940px}.contacts-page .panel-head{gap:14px;min-width:0}.contacts-page .panel-head>div{min-width:0}@media(max-width:1250px){.contacts-page .contacts-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.contacts-page .contacts-filters .contacts-search{grid-column:span 2}}@media(max-width:900px){.contacts-page .contacts-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.contacts-page .contacts-filters .contacts-search{grid-column:1/-1}.contacts-page .contacts-segment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.contacts-page .contacts-segment-form select.input,.contacts-page .contacts-segment-form>input{grid-column:1/-1}.contacts-page .contacts-bulk-toolbar>*{flex:1 1 180px}.contacts-page .contacts-bulk-toolbar>span{flex:0 0 auto}}@media(max-width:560px){.contacts-page .contacts-filters{grid-template-columns:minmax(0,1fr)}.contacts-page .contacts-filters .contacts-search{grid-column:auto}.contacts-page .contacts-segment-form{grid-template-columns:minmax(0,1fr)}.contacts-page .contacts-segment-form>*{grid-column:auto!important;width:100%}.contacts-page .contacts-tag-form .input{flex-basis:100%}.contacts-page .contacts-tag-form .btn{width:100%;justify-content:center}.contacts-page .contacts-bulk-toolbar>*{flex:1 1 100%}.contacts-page .panel-head{align-items:flex-start}.contacts-page .panel-head>.status{flex-shrink:0}}body.dark-theme{--bg:#10151d;--panel:#171f2b;--ink:#e6edf5;--muted:#a5b2c3;--line:#303b4b;--green:#5f39b9;--green-soft:#27183b;--navy:#e6edf5;--red:#ff8b82;--shadow:0 8px 28px rgba(0,0,0,.18);background:var(--bg);color:var(--ink)}body.dark-theme .contacts-stat-card,body.dark-theme .form-card,body.dark-theme .panel,body.dark-theme .sidebar,body.dark-theme .stat,body.dark-theme .topbar{background:var(--panel);color:var(--ink);border-color:var(--line)}body.dark-theme .topbar{background:rgba(23,31,43,.94)}body.dark-theme .nav a{color:var(--muted)}body.dark-theme .nav a.active,body.dark-theme .nav a:hover{background:var(--green-soft);color:#9778e0}body.dark-theme .btn.secondary{background:#202b3a;color:var(--ink);border-color:var(--line)}body.dark-theme .field input,body.dark-theme .field select,body.dark-theme .field textarea,body.dark-theme .input,body.dark-theme input,body.dark-theme select,body.dark-theme textarea{background:#111925;color:var(--ink);border-color:var(--line)}body.dark-theme .notice{background:#1b2634;color:var(--muted)}body.dark-theme .notice,body.dark-theme .table td,body.dark-theme .table th{border-color:var(--line)}body.dark-theme .nav a.active{color:#9778e0}body.dark-theme .avatar{background:#27183b;color:#9778e0}body.dark-theme .contacts-stat-card{background:var(--panel)}body.dark-theme .login-bg{background:radial-gradient(circle at 20% 15%,#27183b 0,transparent 32%),var(--bg)}.inbox-composer-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.format-btn{padding:8px 10px;min-height:34px}.emoji-picker{display:flex;gap:4px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);max-width:330px}.emoji-picker button{border:0;background:transparent;border-radius:6px;padding:6px;font-size:21px}.emoji-picker button:hover{background:var(--green-soft)}.emoji-picker .emoji-close{margin-left:auto;display:grid;place-items:center}.attachment-preview{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 11px;background:var(--bg);border:1px solid var(--line);border-radius:9px;font-size:12px}.attachment-preview span{flex:1 1;min-width:120px;overflow-wrap:anywhere}.attachment-preview>button:not(.btn){border:0;background:transparent;color:var(--muted);padding:5px}@media(max-width:700px){.theme-toggle{padding:8px!important}.theme-toggle span{display:none}.inbox-composer-tools .format-btn{padding:8px}.attachment-preview .btn{width:100%;justify-content:center}}.mobile-nav-toggle{display:none;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);padding:9px 12px;font-weight:600}.inbox-mobile-back{display:none;margin-bottom:10px}.inbox-latest-button{align-self:center;position:-webkit-sticky;position:sticky;bottom:8px;z-index:2}.inbox-message-list{scroll-behavior:smooth;overscroll-behavior:contain}body.dark-theme .inbox-contact-list button[style*="background: rgb(232, 246, 239)"]{background:var(--green-soft)!important;color:var(--ink)!important}body.dark-theme .inbox-message-list>div{color:#17212f}body.dark-theme .inbox-message-list>div[style*="220, 252, 231"]{background:#28174b!important;color:#ece8ff!important}body.dark-theme .inbox-message-list>div[style*="241, 245, 249"]{background:#263244!important;color:#edf3fa!important}body.dark-theme .emoji-picker button,body.dark-theme .inbox-composer-tools button{color:var(--ink)}body.dark-theme .emoji-picker{background:var(--panel);border-color:var(--line)}body.dark-theme .icon-box,body.dark-theme .quick-action-icon,body.dark-theme .stat-icon{background:#243446;color:#9a7ee0;border-color:#34475b}@media(max-width:760px){.shell{display:block}.mobile-nav-toggle{display:inline-flex;margin:10px 12px 0}.sidebar{display:none;width:min(86vw,320px);position:fixed;z-index:1000;inset:0 auto 0 0;height:100dvh;overflow-y:auto;box-shadow:0 10px 45px rgba(0,0,0,.24)}body.mobile-nav-open .sidebar{display:flex}body.mobile-nav-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999}.topbar{height:auto;min-height:70px;padding:12px 14px;gap:10px;align-items:flex-start;flex-wrap:wrap}.topbar h1{font-size:18px}.user-pill{gap:8px;flex-wrap:wrap;justify-content:flex-end}.user-pill>span{display:none}.content{padding:14px!important;min-width:0}.inbox-layout{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}.inbox-contact-list{border-right:0!important;padding:12px!important}.inbox-chat-panel{display:none!important;padding:12px!important;min-height:65vh}.inbox-layout.mobile-chat-open .inbox-contact-list{display:none}.inbox-layout.mobile-chat-open .inbox-chat-panel{display:flex!important}.inbox-mobile-back{display:inline-flex;align-self:flex-start}.inbox-message-list{min-height:38vh!important;max-height:52vh!important}.panel-head{flex-wrap:wrap}.inbox-composer-tools{gap:4px}.inbox-composer-tools .format-btn{min-width:36px}}@media(max-width:420px){.user-pill .btn{padding:8px!important}.page-title h2{font-size:21px}.inbox-chat-panel{padding:10px!important}.inbox-message-list{min-height:34vh!important;max-height:48vh!important}}.notification-center{position:relative;display:inline-flex;align-items:center;z-index:1002}.notification-trigger{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink)}.notification-trigger:hover{border-color:var(--green);color:var(--green)}.notification-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#d92d20;color:white;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--panel)}.notification-dismiss-layer{position:fixed;inset:0;border:0;background:transparent;z-index:1000;cursor:default}.notification-panel{position:absolute;right:0;top:46px;width:min(410px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 90px));display:flex;flex-direction:column;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.2);z-index:1001;overflow:hidden}.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line)}.notification-panel-head strong{display:block;font-size:14px}.notification-panel-head small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.notification-head-actions{display:flex;gap:5px}.notification-head-actions button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.notification-head-actions button:disabled{opacity:.4}.notification-list{overflow:auto;min-height:80px}.notification-empty{padding:28px 20px;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}.notification-item{padding:11px 13px;border-bottom:1px solid var(--line)}.notification-item.unread{background:var(--green-soft)}.notification-item-main{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;border:0;background:transparent;color:var(--ink);padding:2px 0}.notification-item-icon{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--panel);border:1px solid var(--line);color:var(--green)}.notification-item-copy{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.notification-item-copy strong{font-size:12px;line-height:1.45}.notification-item-copy>span{font-size:11px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.notification-item-copy time{font-size:10px;color:var(--muted)}.notification-unread-dot{flex:0 0 7px;width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--green)}.notification-item-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:6px}.notification-item-actions button,.notification-panel-foot button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--green);font-size:11px;font-weight:700;padding:3px}.notification-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;border-top:1px solid var(--line)}.notification-panel-foot span{font-size:10px;color:var(--muted);text-align:right}.notification-panel-foot button{white-space:nowrap}body.dark-theme .notification-head-actions button,body.dark-theme .notification-trigger{background:#202b3a;color:#e6edf5;border-color:#3a4658}body.dark-theme .notification-item.unread{background:#27183b}body.dark-theme .notification-item-icon{background:#202b3a;color:#9778e0;border-color:#3a4658}body.dark-theme .notification-count{border-color:var(--panel)}@media(max-width:700px){.notification-panel{position:fixed;top:68px;right:10px;max-height:calc(100vh - 82px)}.notification-center{z-index:1002}.user-pill{gap:7px}.notification-trigger{width:35px;height:35px}}body.dark-theme .icon-box,body.dark-theme .int-icon,body.dark-theme .quick-action-icon,body.dark-theme .stat-icon{background:#243446!important;color:#a58be7!important;border:1px solid #3a4b60!important}body.dark-theme .icon-box svg,body.dark-theme .int-icon svg,body.dark-theme .quick-action-icon svg,body.dark-theme .stat-icon svg{color:#a58be7!important;stroke:currentColor!important;opacity:1!important}body.dark-theme .integration .int-icon{background:#243446!important;color:#a58be7!important}body.dark-theme .quick-action,body.dark-theme .quick-actions a,body.dark-theme .quick-actions button{color:var(--ink)}body.dark-theme .integration svg,body.dark-theme .quick-action svg{opacity:1}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-sidebar-close{display:none;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink)}@media(max-width:760px){.sidebar{z-index:1200;padding-top:20px}.sidebar-top{width:100%;padding:0 4px}.mobile-sidebar-close{display:inline-flex}body.mobile-nav-open .notification-center{z-index:1!important}body.mobile-nav-open .notification-trigger{pointer-events:none}body.mobile-nav-open:after{z-index:1100}.notification-dismiss-layer{z-index:1300}.notification-panel{z-index:1301}}