:root{--bg: #070709;--bg-2: #0D0D11;--panel: #131318;--panel-2: #1b1f26;--panel-3: #262b33;--green: #C6F24E;--green-soft: #D8F784;--green-dim: #5B5B64;--green-glow: rgba(198, 242, 78, .35);--amber: #56E6C4;--amber-soft: #8FF0DA;--amber-dim: #2f6f63;--amber-glow: rgba(86, 230, 196, .28);--white: #F1F1EE;--gray-1: #C7C7C2;--gray-2: #9A9AA2;--gray-3: #6E6E78;--gray-4: #45454D;--red: #ff5d57;--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--sans: "Schibsted Grotesk", system-ui, -apple-system, Segoe UI, sans-serif;--disp: "Bricolage Grotesque", system-ui, sans-serif;--term: "JetBrains Mono", ui-monospace, monospace;--radius: 8px}.page-head h1,.panel h2,.detail-head h1,.modal-head h2,.crm-topbar-brand{font-family:var(--disp);letter-spacing:-.01em}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--gray-1);font-family:var(--sans);font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--green-soft);text-decoration:none}a:hover{color:var(--green)}button{font:inherit;cursor:pointer}@keyframes blink{50%{opacity:0}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(800px 400px at 50% 30%,rgba(74,247,100,.08),transparent 70%),var(--bg);position:relative;overflow:hidden}.login-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(74,247,100,.025) 0,rgba(74,247,100,.025) 1px,transparent 1px,transparent 3px);pointer-events:none}.login-card{width:min(420px,92vw);background:var(--panel);border:1px solid var(--line-2);border-radius:10px;padding:36px 32px 30px;box-shadow:0 30px 80px #0000008c;position:relative;z-index:2;animation:fade-in .4s ease}.login-brand{font-family:var(--mono);font-weight:600;font-size:14px;letter-spacing:.06em;color:var(--white);margin-bottom:6px}.login-brand .dot{color:var(--amber);animation:blink 2.4s step-end infinite}.login-tag{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--green-dim);margin-bottom:26px}.login-card label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-3);margin:14px 0 6px}.login-card input{width:100%;background:var(--bg-2);border:1px solid var(--line-2);border-radius:6px;color:var(--white);font-family:var(--mono);font-size:15px;padding:11px 12px;outline:none;transition:border-color .15s,box-shadow .15s}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #4af76426}.login-error{margin-top:14px;font-family:var(--mono);font-size:12px;color:var(--red);letter-spacing:.04em;min-height:16px}.login-card .btn-go{width:100%;margin-top:18px;background:var(--amber);color:#1a1205;border:0;border-radius:6px;padding:12px;font-weight:600;letter-spacing:.02em;transition:transform .15s,box-shadow .2s}.login-card .btn-go:hover{transform:translateY(-1px);box-shadow:0 10px 26px #ffb43d40}.login-foot{margin-top:20px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--gray-4);text-align:center}.app-shell{display:flex;align-items:stretch;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--bg-2);border-right:1px solid var(--line);padding:16px 12px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px}.sb-brand{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.05em;color:var(--white);padding:8px 10px 14px;border-bottom:1px solid var(--line);margin-bottom:10px;display:flex;align-items:center;gap:8px}.sb-brand .dot{color:var(--amber);animation:blink 2.4s step-end infinite}.sb-brand .tag{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--green-dim)}.sb-sec{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-4);padding:14px 12px 5px;-webkit-user-select:none;user-select:none}.sb-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;color:var(--gray-2);font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;cursor:pointer;border:0;background:transparent;text-align:left;width:100%;transition:background .12s,color .12s}.sb-link:hover{background:var(--panel);color:var(--white)}.sb-link.active{background:#4af76414;color:var(--green-soft)}.sb-link .ico{width:14px;display:inline-block;text-align:center;color:var(--green)}.sb-link .badge{margin-left:auto;background:var(--amber);color:#1a1205;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;letter-spacing:0}.sb-spacer{flex:1}.sb-foot{padding:10px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--gray-4);border-top:1px solid var(--line)}.sb-foot .ok{color:var(--green)}.sb-out{color:var(--red)!important}.crm-content{flex:1;min-width:0;display:flex;flex-direction:column}.main{padding:22px 32px 60px;max-width:1600px;width:100%;margin:0 auto;animation:fade-in .2s ease}.crm-topbar,.sb-overlay{display:none}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-family:var(--mono);font-size:18px;font-weight:600;letter-spacing:.04em;color:var(--white)}.page-head h1 .arrow{color:var(--amber);margin-right:8px}.page-head .sub{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-3);margin-top:2px}.page-head .right{display:flex;gap:10px;flex-wrap:wrap}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px}.panel h2{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-3);margin-bottom:12px;display:flex;align-items:center;gap:8px}.panel h2 .count{background:var(--bg-2);color:var(--green);font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:10px;letter-spacing:0}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stat .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-3);margin-bottom:4px}.stat .val{font-family:var(--mono);font-size:26px;font-weight:600;color:var(--white);letter-spacing:.02em}.stat .val.green{color:var(--green)}.stat .val.amber{color:var(--amber)}.stat .val.red{color:var(--red)}.stat .hint{font-family:var(--mono);font-size:10.5px;color:var(--gray-3);margin-top:2px}.btn{font-family:var(--mono);font-size:12px;letter-spacing:.04em;background:transparent;border:1px solid var(--line-2);color:var(--gray-1);padding:8px 14px;border-radius:6px;display:inline-flex;align-items:center;gap:7px;transition:background .12s,color .12s,border-color .12s,transform .1s}.btn:hover{color:var(--white);border-color:var(--gray-3)}.btn:active{transform:translateY(1px)}.btn.green{color:var(--green);border-color:var(--green-dim)}.btn.green:hover{background:#4af76414}.btn.amber{background:var(--amber);color:#1a1205;border-color:var(--amber);font-weight:600}.btn.amber:hover{background:var(--amber-soft)}.btn.red{color:var(--red);border-color:#ff5d5766}.btn.red:hover{background:#ff5d571a}.btn.ghost{border-color:transparent}.btn .ico{font-size:11px}.btn[disabled]{opacity:.5;cursor:not-allowed}.table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px}.table thead th{text-align:left;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-3);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line-2);background:var(--bg-2);position:sticky;top:0}.table tbody td{padding:9px 10px;border-bottom:1px solid var(--line);color:var(--gray-1);vertical-align:middle}.table tbody tr{cursor:pointer;transition:background .1s}.table tbody tr:hover{background:#4af7640a}.table tbody tr.dim{opacity:.55}.table tbody tr.sel{background:#ffb43d1a}.table tbody tr.sel:hover{background:#ffb43d29}.table .col-num{color:var(--gray-3);width:30px}.table .col-tag{text-align:right;white-space:nowrap}.tag{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;padding:2px 7px;border-radius:3px;border:1px solid var(--line-2);color:var(--gray-2);white-space:nowrap}.tag+.tag{margin-left:4px}.tag.lvl-a{background:#ffb43d2e;color:var(--amber);border-color:var(--amber-dim)}.tag.lvl-b{background:#4af76424;color:var(--green);border-color:var(--green-dim)}.tag.lvl-c{background:#ffffff0d;color:var(--gray-2)}.tag.sec{background:var(--bg-2);color:var(--green-soft);border-color:var(--line)}.tag.state-nuevo{color:var(--gray-2)}.tag.state-llamado{color:var(--green);border-color:var(--green-dim)}.tag.state-reunion{color:var(--amber);border-color:var(--amber-dim);background:#ffb43d1f}.tag.state-cliente{color:#1a1205;background:var(--amber);border-color:var(--amber)}.tag.state-no{color:var(--red);border-color:#ff5d5766}.filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.filters input[type=search],.filters select{background:var(--bg-2);border:1px solid var(--line-2);border-radius:6px;color:var(--white);font-family:var(--mono);font-size:12.5px;padding:8px 12px;outline:none;min-width:160px}.filters input[type=search]:focus,.filters select:focus{border-color:var(--green)}.filters .pill{background:var(--bg-2);border:1px solid var(--line-2);border-radius:999px;color:var(--gray-2);font-family:var(--mono);font-size:11.5px;padding:5px 12px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.filters .pill:hover{color:var(--white)}.filters .pill.on{background:#4af7641f;color:var(--green);border-color:var(--green-dim)}.filters .pill.on.amber{background:#ffb43d29;color:var(--amber);border-color:var(--amber-dim)}.filters .grow{flex:1}.detail-head{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px}.detail-head h1{font-family:var(--mono);font-size:18px;color:var(--white);font-weight:600;margin-bottom:4px;letter-spacing:.02em}.detail-meta{font-family:var(--mono);font-size:12px;color:var(--gray-3);display:flex;flex-wrap:wrap;gap:14px}.detail-meta .k{color:var(--gray-3)}.detail-meta .v{color:var(--gray-1)}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.timeline{list-style:none;display:flex;flex-direction:column;gap:10px}.timeline li{background:var(--bg-2);border:1px solid var(--line);border-left:2px solid var(--green-dim);border-radius:6px;padding:10px 12px;font-family:var(--sans);font-size:13.5px}.timeline li.t-call{border-left-color:var(--green)}.timeline li.t-task{border-left-color:var(--amber)}.timeline li.t-note{border-left-color:var(--gray-3)}.timeline .h{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-3);display:flex;gap:10px;margin-bottom:4px}.timeline .h .type{color:var(--green)}.timeline .h .type.amber{color:var(--amber)}.timeline audio{display:block;margin-top:6px;width:100%;max-width:360px}.timeline .out{display:inline-block;font-family:var(--mono);font-size:10.5px;padding:1px 6px;border-radius:3px;margin-left:6px}.timeline .out.reunion{background:#ffb43d26;color:var(--amber)}.timeline .out.no{background:#ff5d571f;color:var(--red)}.timeline .out.callback{background:#4af7641f;color:var(--green)}.recorder{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius);padding:16px;margin-bottom:14px}.recorder .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rec-dot{width:12px;height:12px;border-radius:50%;background:var(--gray-4);flex-shrink:0}.rec-dot.on{background:var(--red);box-shadow:0 0 8px #ff5d5799;animation:blink 1s step-end infinite}.rec-time{font-family:var(--mono);font-size:18px;color:var(--white);font-variant-numeric:tabular-nums}.rec-hint{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--gray-3)}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px}.form .full{grid-column:1 / -1}.form label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-3);margin-bottom:4px}.form input,.form select,.form textarea{width:100%;background:var(--bg-2);border:1px solid var(--line-2);border-radius:5px;color:var(--white);font-family:var(--mono);font-size:13px;padding:9px 11px;outline:none;transition:border-color .12s}.form textarea{font-family:var(--sans);font-size:13.5px;min-height:80px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--green)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:500;display:grid;place-items:center;padding:20px;animation:fade-in .15s ease}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:10px;width:min(620px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 80px #0009}.modal-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--white);font-weight:600}.modal-head button{background:transparent;border:0;color:var(--gray-3);font-size:18px;line-height:1}.modal-head button:hover{color:var(--white)}.modal-body{padding:20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast-wrap{position:fixed;bottom:18px;right:18px;z-index:800;display:flex;flex-direction:column;gap:8px}.toast{background:var(--panel);border:1px solid var(--line-2);border-left:3px solid var(--green);border-radius:6px;padding:10px 14px;font-family:var(--mono);font-size:12px;color:var(--white);box-shadow:0 12px 32px #00000080;animation:fade-in .2s ease;max-width:360px}.toast.amber{border-left-color:var(--amber)}.toast.red{border-left-color:var(--red)}.drop{border:2px dashed var(--line-2);border-radius:10px;padding:40px 30px;text-align:center;background:var(--panel);transition:border-color .15s,background .15s;cursor:pointer}.drop:hover,.drop.dragging{border-color:var(--green);background:#4af7640a}.drop .big{font-family:var(--mono);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-bottom:6px}.drop .small{font-family:var(--mono);font-size:11.5px;color:var(--gray-3);letter-spacing:.06em}.preview-tbl{margin-top:16px;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:auto;max-height:360px}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:16px 0}.map-grid .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-3);align-self:center}.map-grid select{background:var(--bg-2);border:1px solid var(--line-2);border-radius:5px;padding:7px 10px;color:var(--white);font-family:var(--mono);font-size:12px}.app-shell.mobile .crm-topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:30;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.crm-topbar-brand{font-family:var(--mono);font-weight:600;letter-spacing:1px;color:var(--white);font-size:15px}.crm-topbar-brand .dot{color:var(--amber)}.app-shell.mobile .crm-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;border:1px solid var(--line-2);border-radius:7px;background:var(--panel-2);cursor:pointer;padding:0 9px;flex-shrink:0}.crm-burger span{display:block;width:100%;height:2px;background:var(--green);border-radius:2px}.app-shell.mobile .sidebar{position:fixed;top:0;left:0;bottom:0;width:270px;height:100vh;z-index:50;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 40px #0009}.app-shell.mobile.sb-open .sidebar{transform:translate(0)}.app-shell.mobile .sb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .22s ease}.app-shell.mobile.sb-open .sb-overlay{display:block;opacity:1;pointer-events:auto}.app-shell.mobile .main{max-width:100%;padding:16px 14px 60px}.app-shell.mobile .page-head h1{font-size:16px}.app-shell.mobile .page-head .right{width:100%;display:flex;flex-wrap:wrap;gap:8px}.app-shell.mobile .page-head .right .btn{flex:1;min-width:120px}.app-shell.mobile .filters{flex-wrap:wrap;gap:8px}.app-shell.mobile .filters>*{flex:1 1 auto;min-width:140px}.app-shell.mobile .grid-2,.app-shell.mobile .grid-3,.app-shell.mobile .grid-4,.app-shell.mobile .detail-grid{grid-template-columns:1fr!important}.app-shell.mobile .form{grid-template-columns:1fr}.app-shell.mobile .panel{overflow-x:auto}.app-shell.mobile .table{font-size:12px}.app-shell.mobile .table thead th,.app-shell.mobile .table tbody td{padding:7px 8px}.app-shell.mobile .borme-emp{font-size:12.5px}.app-shell.mobile .borme-emp th:nth-child(n+6),.app-shell.mobile .borme-emp td:nth-child(n+6){display:none}.app-shell.mobile .borme-emp th,.app-shell.mobile .borme-emp td{padding:9px 7px;white-space:nowrap;vertical-align:top}.app-shell.mobile .borme-emp td:nth-child(2){white-space:normal}.app-shell.mobile .borme-emp td:nth-child(2) small{display:none}.app-shell.mobile .borme-emp tbody tr{cursor:pointer}
