:root{--blue:#0c4a96;--blue2:#1769c2;--deep:#082a55;--red:#df3139;--ink:#17233a;--muted:#6b7890;--line:#e5eaf2;--bg:#f5f7fb;--green:#14834c;--yellow:#e8a317;--shadow:0 8px 28px #1b355814}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font:14px/1.5 Inter,Segoe UI,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a{transition:all .18s}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#c9dbf3;z-index:30;background:linear-gradient(#0a3267,#071e3f);flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:11px;padding:0 8px 22px;font-size:15px;font-weight:800;display:flex}.brand>span{width:42px;height:42px;color:var(--blue);background:#fff;border-radius:11px;place-items:center;font-size:17px;display:grid}.brand small{color:#86b6ee;font-size:12px;font-weight:500;display:block}.sidebar nav{gap:3px;display:grid}.sidebar nav a{color:#c3d3e8;border-radius:8px;align-items:center;gap:12px;padding:9px 12px;display:flex}.sidebar nav a i{text-align:center;color:#8fb8e5;width:20px;font-style:normal}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff1c}.sidebar nav a.active{box-shadow:inset 3px 0 #5ea7ff}.sidebar-foot{color:#86a5ca;border-top:1px solid #ffffff18;margin-top:auto;padding:15px 9px;font-size:11px}.status-dot{background:#42d982;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #42d9821d}.app-main{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:flex-end;align-items:center;height:68px;padding:0 clamp(20px,4vw,54px);display:flex;position:sticky;top:0}.top-actions{align-items:center;gap:15px;display:flex}.global-search{width:min(410px,40vw);margin-left:18px;margin-right:auto;position:relative}.global-search input{border:1px solid var(--line);background:var(--bg);border-radius:9px;width:100%;padding:9px 12px}.global-search>div{border:1px solid var(--line);box-shadow:var(--shadow);z-index:60;background:#fff;border-radius:9px;position:absolute;top:43px;left:0;right:0;overflow:hidden}.global-search a{border-bottom:1px solid var(--line);padding:9px 12px;display:grid}.global-search a:hover{background:#edf5ff}.global-search small{color:var(--muted);text-transform:uppercase;font-size:9px}.notification{font-size:21px;position:relative}.notification b{background:var(--red);color:#fff;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;display:grid;position:absolute;top:-7px;right:-7px}.user{align-items:center;gap:9px;display:flex}.user>span{width:35px;height:35px;color:var(--blue);background:#e8f1ff;border-radius:50%;place-items:center;font-weight:800;display:grid}.user strong,.user small{line-height:1.25;display:block}.user small{color:var(--muted);font-size:10px}.link-button,.menu-button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-weight:700}.menu-button{margin-right:auto;font-size:22px;display:none}.page{max-width:1700px;margin:0 auto;padding:30px clamp(20px,4vw,54px) 55px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 24px;display:flex}.page-header p{color:var(--blue);text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:12px;font-weight:800}.page-header h1{letter-spacing:-.03em;margin:2px 0 3px;font-size:29px}.page-header span{color:var(--muted)}.button,.primary,.secondary,.danger{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-weight:750;display:inline-flex}.primary,.button{background:var(--red);color:#fff}.primary:hover,.button:hover{background:#c8232d}.secondary{color:var(--blue);background:#e9f2ff}.danger{color:var(--red);background:#fff0f1}button:disabled{opacity:.5;cursor:not-allowed}.button-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.link{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-weight:750}.hero{background:linear-gradient(118deg, var(--blue), #1871cc);color:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:25px;padding:25px 29px;display:flex;box-shadow:0 14px 34px #0b4da228}.hero h2{margin-bottom:5px;font-size:21px}.hero p{color:#d8eaff;margin:0}.hero .primary{color:var(--blue);background:#fff}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.stat{border:1px solid var(--line);min-height:124px;box-shadow:var(--shadow);background:#fff;border-radius:13px;padding:17px 18px;position:relative;overflow:hidden}.stat:after{content:"";background:#3d83d6;width:100%;height:3px;position:absolute;bottom:0;left:0}.stat.tone-red:after{background:var(--red)}.stat.tone-green:after{background:#25a764}.stat.tone-yellow:after{background:var(--yellow)}.stat small{color:var(--muted);max-width:80%;display:block}.stat strong{margin-top:7px;font-size:27px;display:block}.stat>span{color:var(--muted);font-size:11px}.stat-icon{width:31px;height:31px;color:var(--blue);background:#edf4fe;border-radius:9px;place-items:center;font-weight:900;display:grid;position:absolute;top:17px;right:16px}.tone-red .stat-icon{color:var(--red);background:#fff0f1}.tone-green .stat-icon{color:var(--green);background:#eaf8f0}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;margin-bottom:16px;padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.panel-head h2{margin:0;font-size:17px}.panel-head p{color:var(--muted);margin:2px 0 0;font-size:12px}.donut-card{min-height:320px}.donut-total{fill:var(--ink);font-size:24px;font-weight:800}.chart-empty{text-align:center;min-height:245px;color:var(--muted);align-content:center;place-items:center;gap:8px;display:grid}.chart-empty strong{color:var(--ink);margin-top:5px}.chart-empty span{font-size:12px}.donut-placeholder{background:conic-gradient(#b9cde6 0 31%, #e1eaf5 31% 56%, #91aed1 56% 76%, #d3dfed 76% 100%);border-radius:50%;width:96px;height:96px;position:relative;transform:rotate(-20deg)}.donut-placeholder:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:22px;box-shadow:0 0 0 3px #ffffffa6}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-main{grid-template-columns:2fr 1fr;gap:16px;display:grid}.filters{flex-wrap:wrap;align-items:end;gap:11px;margin-bottom:17px;display:flex}.field{flex:1;gap:5px;min-width:150px;display:grid}.field.compact{flex:0 180px}.field label{color:#40506a;font-size:12px;font-weight:750}.field input,.field select,.field textarea,input.input,select.input,textarea.input{width:100%;color:var(--ink);background:#fff;border:1px solid #ccd5e2;border-radius:8px;outline:none;padding:9px 11px}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#4f8fd6;box-shadow:0 0 0 3px #4f8fd619}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-grid .full{grid-column:1/-1}.helper{color:var(--muted);font-size:11px}.check{align-items:center;gap:8px;display:flex}.check input{width:16px;height:16px}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.manual-grid{min-width:1420px}.manual-grid input{width:100%;min-width:130px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 12px}.data-table th{color:#3e4d65;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;font-size:11px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#f9fbfe}.data-table .wrap{white-space:normal;min-width:220px}.row-actions{gap:7px;display:flex}.icon-button{border:1px solid var(--line);color:var(--blue);cursor:pointer;background:#fff;border-radius:7px;padding:6px 9px}.badge{color:#546174;text-transform:uppercase;letter-spacing:.03em;background:#edf1f6;border-radius:99px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge-satisfied,.badge-completed,.badge-delivered,.badge-read,.badge-valid,.badge-imported,.badge-resolved{color:#147a43;background:#e8f7ee}.badge-attention,.badge-waiting,.badge-paused,.badge-queued,.badge-regular{color:#986709;background:#fff6df}.badge-priority,.badge-high,.badge-failed,.badge-invalid_phone,.badge-seller_not_found{color:#b5531c;background:#fff0e8}.badge-urgent,.badge-open,.badge-cancelled,.badge-bad,.badge-error{color:#bd2430;background:#ffeaec}.badge-running,.badge-active,.badge-sent,.badge-responded,.badge-in_progress{color:#155aab;background:#e8f1ff}.empty{text-align:center;color:var(--muted);place-items:center;padding:45px 20px;display:grid}.empty b{color:#9eb4ce;font-size:36px}.empty strong{color:var(--ink);margin:6px 0}.empty span{font-size:12px}.loading{text-align:center;color:var(--muted);padding:45px}.summary-strip{flex-wrap:wrap;gap:30px;padding:15px 0;display:flex}.summary-strip div{min-width:90px}.summary-strip strong{font-size:23px;display:block}.summary-strip span{color:var(--muted);font-size:11px}.tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:17px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px 13px}.tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue);font-weight:800}.modal-backdrop{z-index:60;background:#07162a9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(680px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 25px 70px #0004}.modal>header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal>header h2{margin:0}.modal>header button{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:25px}.toast{z-index:80;color:#fff;border-radius:10px;padding:12px 17px;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 35px #0003}.toast.ok{background:#167a48}.toast.error{background:#c62935}.alert{color:#77530d;background:#fff6df;border:1px solid #f5dc99;border-radius:9px;margin-bottom:14px;padding:12px 14px}.alert.error{color:#a52630;background:#fff0f1;border-color:#fac8cc}.login-page{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#082b59,#0b4da2 65%,#176bc2);flex-direction:column;justify-content:center;padding:60px clamp(35px,7vw,100px);display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:90px solid #ffffff0b;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-170px;right:-210px}.login-brand .logo{align-items:center;gap:12px;font-weight:800;display:flex}.login-brand .logo b{width:48px;height:48px;color:var(--blue);background:#fff;border-radius:13px;place-items:center;display:grid}.login-brand h1{max-width:560px;margin:55px 0 15px;font-size:42px;line-height:1.12}.login-brand p{color:#d7e7fb;max-width:500px;font-size:16px}.login-form{place-items:center;padding:35px;display:grid}.login-form form{width:min(390px,100%)}.login-form h2{margin-bottom:6px;font-size:30px}.login-form>form>p{color:var(--muted);margin-bottom:28px}.login-form .field{margin-bottom:14px}.login-form .primary{width:100%;margin-top:9px;padding:12px}.login-note{border-top:1px solid var(--line);color:var(--muted);margin-top:22px;padding-top:17px;font-size:11px}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid #dce7f5;margin-left:6px;padding:0 0 18px 25px;position:relative}.timeline li:before{content:"";background:var(--blue);border-radius:50%;width:10px;height:10px;position:absolute;top:3px;left:-6px}.timeline li:last-child{border-left-color:#0000}.timeline small{color:var(--muted);display:block}.chat{gap:9px;max-height:470px;padding:5px;display:grid;overflow:auto}.bubble{background:#eef3f8;border-radius:12px;max-width:78%;padding:9px 12px}.bubble.out{background:#dff4e8;justify-self:end}.bubble small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.dropzone{text-align:center;background:#f9fbfe;border:2px dashed #b8c7d9;border-radius:12px;padding:30px}.dropzone input{max-width:100%}.progress{background:#e9edf3;border-radius:5px;height:7px;overflow:hidden}.progress span{background:var(--blue);height:100%;display:block}.scrim{display:none}.crm-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.crm-grid{margin-top:18px}.muted{color:var(--muted)}.crm-bars{gap:18px;margin-top:22px;display:grid}.crm-bars header{justify-content:space-between;margin-bottom:7px;display:flex}.crm-bars header span{color:var(--muted);font-size:12px}.crm-bars i{border-radius:9px;min-width:8px;height:9px;display:block}.source-list{gap:9px;margin:20px 0;display:grid}.source-list>div{background:var(--bg);border-radius:8px;justify-content:space-between;padding:10px 12px;display:flex}.quick-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.quick-grid a{color:var(--blue);background:#eaf3ff;border-radius:9px;padding:13px;font-weight:750}.tabs{gap:5px;margin-bottom:15px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:#e9eef5;border:0;border-radius:8px;padding:9px 14px}.tabs button.active{background:var(--blue);color:#fff}.task-list{display:grid}.task-list article{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:15px 3px;display:flex}.task-list article:last-child{border:0}.task-list h3{margin:6px 0 1px}.task-list p{color:var(--muted);margin:0}.task-list article>div:last-child{align-items:center;gap:15px;display:flex}.field.full{grid-column:1/-1}.kanban{align-items:flex-start;gap:14px;padding-bottom:20px;display:flex;overflow-x:auto}.kanban-column{background:#eaf0f7;border-radius:12px;flex:0 0 292px;min-height:300px;padding:10px}.kanban-column>header{border-top:3px solid;justify-content:space-between;align-items:center;padding:9px 6px 12px;display:flex}.kanban-column>header div{align-items:center;gap:8px;display:flex}.kanban-column>header i{border-radius:50%;width:9px;height:9px}.kanban-column>header span{background:#fff;border-radius:10px;padding:1px 7px;font-size:11px}.kanban-cards{gap:9px;display:grid}.kanban-cards>article{cursor:grab;background:#fff;border-radius:10px;padding:13px;box-shadow:0 2px 8px #17365b0d}.kanban-cards h3{margin:5px 0;font-size:14px}.kanban-cards small{color:var(--muted)}.kanban-cards footer{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.kanban-cards .empty{background:0 0;padding:26px 8px}.inbox{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:310px minmax(420px,1fr) 280px;height:calc(100vh - 150px);min-height:600px;display:grid;overflow:hidden}.inbox-list{border-right:1px solid var(--line);overflow-y:auto}.inbox-list form{z-index:2;border-bottom:1px solid var(--line);background:#fff;gap:7px;padding:12px;display:grid;position:sticky;top:0}.inbox-list form input,.inbox-list form select{border:1px solid var(--line);border-radius:8px;width:100%;padding:8px}.inbox-list>button{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:#fff;grid-template-columns:37px 1fr;gap:9px;width:100%;padding:12px;display:grid}.inbox-list>button.active{background:#edf5ff}.avatar{width:37px;height:37px;color:var(--blue);background:#dbeafe;border-radius:50%;place-items:center;font-weight:800;display:grid}.inbox-list header,.inbox-list footer{justify-content:space-between;align-items:center;display:flex}.inbox-list p{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);max-width:225px;margin:3px 0 7px;overflow:hidden}.inbox-list small{color:var(--muted);font-size:9px}.inbox-list footer i{background:var(--green);color:#fff;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-style:normal;display:grid}.inbox-chat{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.inbox-chat>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 17px;display:flex}.inbox-chat>header h2{margin:0;font-size:17px}.inbox-chat>header span{color:var(--muted);font-size:11px}.inbox-chat .chat{background:#f3f6fa;max-height:none;padding:18px}.bubble b{color:var(--blue);font-size:10px}.bubble p{white-space:pre-wrap;margin:2px 0}.composer{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:8px;padding:12px;display:grid}.composer textarea{resize:none;border:1px solid var(--line);border-radius:9px;min-height:52px;padding:9px}.composer small{color:var(--muted);grid-column:1/-1}.inbox-context{border-left:1px solid var(--line);background:#fafbfd;padding:12px;overflow-y:auto}.context-card{border:1px solid var(--line);background:#fff;border-radius:9px;margin-bottom:10px;padding:13px}.context-card h3{margin-bottom:10px;font-size:13px}.context-card>div{border-top:1px solid var(--line);padding:7px 0;display:grid}.context-card small,.context-card span{color:var(--muted)}.contact-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.contact-summary>div{border:1px solid var(--line);background:#fff;border-radius:10px;gap:5px;padding:13px;display:grid}.contact-summary small{color:var(--muted)}.customer-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr)}.panel-title,.record{justify-content:space-between;align-items:center;gap:12px;display:flex}.record{border-bottom:1px solid var(--line);padding:12px 0}.record small{color:var(--muted);display:block}.notes{gap:9px;margin-top:15px;display:grid}.notes article{background:var(--bg);border-radius:8px;padding:10px}.notes p{white-space:pre-wrap;margin-bottom:5px}.notes small{color:var(--muted)}@media (max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.app-shell{grid-template-columns:220px minmax(0,1fr)}.inbox{grid-template-columns:260px 1fr}.inbox-context{display:none}}.details{grid-template-columns:1fr 1.4fr;gap:9px;margin:0;display:grid}.details dt{color:var(--muted)}.details dd{text-align:right;margin:0;font-weight:650}@media (max-width:760px){.app-shell{display:block}.sidebar{width:250px;transition:left .2s;position:fixed;left:-260px}.sidebar.open{left:0}.scrim{z-index:25;background:#0007;border:0;display:block;position:fixed;inset:0}.menu-button{display:block}.topbar{padding:0 15px}.global-search{display:none}.page{padding:22px 14px}.page-header{flex-direction:column;align-items:flex-start}.stats,.grid-2,.form-grid{grid-template-columns:1fr}.crm-stats,.contact-summary{grid-template-columns:1fr 1fr}.inbox{height:auto;display:block}.inbox-list{border-right:0;max-height:330px}.inbox-chat{min-height:650px}.inbox-chat>header{align-items:flex-start;gap:8px}.inbox-chat>header .button-row{display:none}.composer{grid-template-columns:1fr}.composer small{grid-column:auto}.hero{flex-direction:column;align-items:flex-start}.login-page{grid-template-columns:1fr}.login-brand,.user div{display:none}.filters>*{flex:auto;width:100%}.button-row>*{flex:1}}