:root{--bg: #f3f5f9;--surface: #ffffff;--border: #e5e9f0;--border-strong: #d3dae6;--text: #1b2733;--muted: #6b7684;--faint: #9aa4b2;--navy: #003f6b;--navy-2: #005c96;--primary: #0069aa;--primary-hover: #00588f;--primary-soft: #e3f0f8;--accent: #f58025;--accent-hover: #d96c15;--accent-soft: #fdecdb;--green: #16794c;--green-soft: #e6f6ec;--red: #c0392b;--red-soft: #fdecef;--amber: #b25e09;--amber-soft: #fef3e2;--slate: #5c6670;--slate-soft: #eef1f5;--radius: 3px;--radius-sm: 2px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--shadow-lg: 0 4px 12px rgba(16, 24, 40, .1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4{margin:0;letter-spacing:-.01em}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--navy);background:linear-gradient(180deg,var(--navy-2),var(--navy));color:#dbe6f5;padding:1.1rem .9rem;display:flex;flex-direction:column;gap:1.2rem}.sidebar-brand{display:flex;align-items:center;gap:.6rem;padding:.3rem .5rem;font-weight:700;font-size:1.05rem;color:#fff}.sidebar-brand .logo{width:46px;height:46px;background:transparent;display:grid;place-items:center}.brand-img{width:100%;height:100%;object-fit:contain;display:block}.nav{display:flex;flex-direction:column;gap:.15rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:var(--radius-sm);color:#c3d2e6;background:none;border:none;width:100%;text-align:left;font:inherit;cursor:pointer;transition:background .12s ease,color .12s ease}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:var(--primary);color:#fff;font-weight:600}.nav-item .icon{width:18px;height:18px;flex-shrink:0}.workspace{flex:1;min-width:0;padding:1.6rem 2rem 4rem}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap}.page-header h1{font-size:1.5rem}.crumb{background:none;border:none;color:var(--primary);font:inherit;font-weight:600;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.9rem}.crumb:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.35rem}.card+.card{margin-top:1.1rem}.card h2{font-size:1.05rem;margin-bottom:.9rem}.pending-notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin:0 0 1.1rem;padding:.85rem 1.1rem;text-align:left;background:var(--amber-soft);border:1px solid var(--amber);border-radius:var(--radius);color:var(--amber);font:inherit;cursor:pointer}.pending-notice:hover{filter:brightness(.98)}.pending-notice__count{font-weight:600}.pending-notice__cta{font-size:.85rem;white-space:nowrap}.pending-notice--error{cursor:default;font-weight:400}.section-title{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:.7rem}.toolbar{display:flex;gap:.7rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.search{position:relative;flex:1;min-width:200px}.search .icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--faint);width:16px;height:16px}.search input{width:100%;padding-left:2.1rem}label{font-size:.85rem;font-weight:600}.req{color:var(--red)}input,select,textarea{font:inherit;padding:.5rem .65rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text);width:100%}textarea{resize:vertical;min-height:3rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}button{font:inherit;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:#fff;color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--slate-soft)}.btn-ghost{background:transparent;color:var(--primary);border-color:var(--border-strong);padding:.35rem .7rem;font-size:.85rem}.btn-ghost:hover:not(:disabled){background:var(--primary-soft)}button:disabled{opacity:.55;cursor:not-allowed}.btn-icon{padding:.3rem;width:30px;height:30px;display:inline-grid;place-items:center;background:transparent;border:none;color:var(--muted);border-radius:2px}.btn-icon:hover{background:var(--slate-soft);color:var(--text)}.actions-row{display:flex;gap:.5rem}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th{text-align:left;padding:.65rem .8rem;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}table.data td{padding:.7rem .8rem;border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:hover{background:#f8fafc}table.data tbody tr:last-child td{border-bottom:none}.mono{font-variant-numeric:tabular-nums}.clickable{cursor:pointer}.badge{display:inline-block;padding:.15rem .6rem;border-radius:3px;font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.badge-ACTIVE{background:var(--green-soft);color:var(--green)}.badge-PROSPECT{background:var(--primary-soft);color:var(--primary-hover)}.badge-SUSPENDED{background:var(--amber-soft);color:var(--amber)}.badge-CLOSED{background:var(--slate-soft);color:var(--slate)}.badge-INACTIVE{background:var(--red-soft);color:var(--red)}.badge-channel{background:var(--primary-soft);color:var(--primary-hover)}.badge-Completed{background:var(--green-soft);color:var(--green)}.badge-Pending{background:var(--amber-soft);color:var(--amber)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;flex-wrap:wrap}.pagination .pages{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.page-gap{padding:.35rem .2rem;color:var(--faint);font-size:.85rem;-webkit-user-select:none;user-select:none}.page-btn{min-width:32px;padding:.35rem .55rem;background:#fff;border:1px solid var(--border-strong);color:var(--text);font-size:.85rem}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:disabled{opacity:.4}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin:.3rem 0 1.1rem;flex-wrap:wrap}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:.55rem .8rem;font-weight:600;cursor:pointer}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.profile-head{display:flex;align-items:center;gap:1rem}.avatar{width:60px;height:60px;border-radius:4px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:1.6rem;flex-shrink:0}.profile-head h2{display:flex;align-items:center;gap:.6rem;font-size:1.25rem}.profile-contact{color:var(--muted);font-size:.9rem;margin-top:.2rem}.kv{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.5rem;font-size:.92rem}.kv dt{color:var(--muted);font-weight:600}.kv dd{margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field.full{grid-column:1 / -1}.checkbox-row{display:flex;align-items:center;align-self:end;gap:.5rem;min-height:38px}.checkbox-row input{width:auto}.admin-form-actions{display:flex;gap:.6rem;margin-top:1.25rem}.btn-danger{background:#fff;color:var(--red);border-color:#f2b8b5;padding:.35rem .7rem;font-size:.85rem}.btn-danger:hover:not(:disabled){background:var(--red-soft)}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.kpi-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem;display:flex;align-items:center;justify-content:space-between}.kpi-tile .label{color:var(--muted);font-size:.8rem;font-weight:600}.kpi-tile .value{font-size:1.9rem;font-weight:800;margin-top:.2rem}.kpi-icon{width:40px;height:40px;border-radius:4px;display:grid;place-items:center}.kpi-icon.blue{background:var(--primary-soft);color:var(--primary)}.kpi-icon.green{background:var(--green-soft);color:var(--green)}.kpi-icon.red{background:var(--red-soft);color:var(--red)}.kpi-icon.amber{background:var(--amber-soft);color:var(--amber)}.reports-layout{display:grid;grid-template-columns:210px 1fr;gap:1.1rem;align-items:start}.report-menu{display:flex;flex-direction:column;gap:.15rem}.report-menu button{text-align:left;background:none;border:none;color:var(--text);padding:.55rem .7rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer}.report-menu button:hover{background:var(--slate-soft)}.report-menu button.active{background:var(--primary-soft);color:var(--primary-hover);font-weight:700}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.chart-legend{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.muted{color:var(--muted);font-size:.9rem}.empty{color:var(--muted);padding:1.5rem;text-align:center}.note{margin-top:.75rem;font-size:.88rem;color:var(--muted)}.error{margin-top:.75rem;padding:.6rem .8rem;border-radius:var(--radius-sm);background:var(--red-soft);color:var(--red);font-size:.9rem}.success{margin-top:.75rem;padding:.6rem .8rem;border-radius:var(--radius-sm);background:var(--green-soft);color:var(--green);font-size:.9rem}.demo-tag{display:inline-flex;align-items:center;gap:.4rem;background:var(--amber-soft);color:var(--amber);font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:3px}.spinner-row{padding:2rem;text-align:center;color:var(--muted)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;background:#fff;position:relative;overflow:hidden}.login-svg-filter{position:absolute;width:0;height:0}.login-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;filter:url(#login-goo);opacity:.42}.login-blob{position:absolute;border-radius:50%;background:var(--accent);filter:blur(20px);animation:login-float 22s infinite alternate ease-in-out}.login-blob--blue{background:var(--primary)}@keyframes login-float{0%{transform:translate(0) scale(1)}33%{transform:translate(10vw,20vh) scale(1.2)}66%{transform:translate(-5vw,10vh) scale(.85)}to{transform:translate(5vw,-10vh) scale(1.1)}}@media (prefers-reduced-motion: reduce){.login-blob{animation:none}}.login-card{position:relative;z-index:10;width:100%;max-width:380px;background:#ffffff8c;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);border:1px solid rgba(255,255,255,.7);border-radius:3px;box-shadow:var(--shadow-lg);padding:2rem 1.75rem 1.75rem}.login-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;margin-bottom:1.5rem}.login-logo{width:84px;height:84px;background:transparent;display:grid;place-items:center}.login-brand h1{font-size:1.3rem}.login-brand .sub{color:var(--muted);font-size:.88rem}.login-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.login-card button[type=submit]{width:100%;margin-top:.5rem;padding:.6rem}.login-expired{margin-bottom:1rem;padding:.55rem .75rem;border-radius:var(--radius-sm);background:var(--amber-soft);color:var(--amber);font-size:.85rem;text-align:center}.login-hint{margin:1.3rem 0 0;padding:.6rem .75rem;background:var(--primary-soft);color:var(--primary-hover);border-radius:var(--radius-sm);font-size:.82rem;text-align:center}.login-help{color:var(--muted);font-size:.78rem}.login-switch{margin:1.1rem 0 0;text-align:center;font-size:.85rem;color:var(--muted)}.link-btn{background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--primary);cursor:pointer}.link-btn:hover{text-decoration:underline}@media (max-width: 860px){.app-shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;overflow-x:auto;gap:.5rem}.sidebar-brand{flex-shrink:0}.nav{flex-direction:row}.nav-item span.txt{display:none}.two-col,.form-grid,.chart-grid,.reports-layout,.kpi-row{grid-template-columns:1fr}.workspace{padding:1rem}}.status-filter{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.85rem}.status-filter .label{color:var(--muted);font-weight:600}.status-check{display:inline-flex;align-items:center;gap:.3rem;font-weight:500;cursor:pointer;white-space:nowrap}.status-check input[type=checkbox]{width:auto;margin:0;cursor:pointer}.timeline{list-style:none;margin:0;padding:0}.tl-group+.tl-group{margin-top:1.25rem}.tl-day{position:sticky;top:0;z-index:1;margin:0 0 .6rem;padding:.15rem 0;background:var(--surface);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.tl-items{list-style:none;margin:0;padding:0 0 0 1.15rem;border-left:2px solid var(--border)}.tl-item{position:relative;padding:0 0 0 1.1rem}.tl-item+.tl-item{margin-top:.9rem}.tl-node{position:absolute;left:calc(-.5rem - 1px);top:.35rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px var(--surface)}.tl-body{border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;background:var(--surface);transition:border-color .12s ease,box-shadow .12s ease}.tl-item:hover .tl-body{border-color:var(--border-strong);box-shadow:0 1px 3px #1b273314}.tl-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}.tl-channel{display:inline-block;padding:.1rem .45rem;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.04em;background:var(--primary-soft);color:var(--primary)}.tl-time{font-size:.78rem;color:var(--muted)}.tl-notes{margin:0;font-size:.9rem;line-height:1.45;color:var(--text);overflow-wrap:anywhere}.tl-id{margin:.35rem 0 0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.7rem;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-phone .tl-node{background:var(--primary)}.tl-email .tl-node{background:var(--accent)}.tl-email .tl-channel{background:var(--accent-soft);color:var(--accent-hover)}.tl-chat .tl-node{background:var(--green)}.tl-chat .tl-channel{background:var(--green-soft);color:var(--green)}@media (max-width: 640px){.tl-head{flex-wrap:wrap;gap:.35rem}.tl-body{padding:.55rem .6rem}}.tl-customer{font-size:.82rem;font-weight:700;color:var(--text)}.tl-clickable{cursor:pointer}.tl-clickable:hover{border-color:var(--primary);box-shadow:0 1px 4px #0069aa1f}.tl-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.conn-list{display:grid;grid-template-columns:9rem 1fr;gap:.5rem 1rem;margin:0;align-items:baseline}.conn-list dt{font-size:.82rem;font-weight:700;color:var(--muted)}.conn-list dd{margin:0;display:flex;align-items:baseline;gap:.5rem;font-size:.9rem;color:var(--text);overflow-wrap:anywhere}.conn-list dd .muted{font-size:.82rem}.conn-dot{width:.6rem;height:.6rem;border-radius:50%;flex:0 0 auto;align-self:center}.conn-up{background:var(--green)}.conn-down{background:var(--red)}.conn-unknown{background:var(--faint)}@media (max-width: 640px){.conn-list{grid-template-columns:1fr;gap:.15rem 0}.conn-list dd{margin-bottom:.5rem}}