@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--brand: #1f6b54;--brand-dark: #185241;--brand-50: #eef6f2;--brand-100: #dcefe7;--accent: #4f46e5;--accent-50: #eef0fe;--ink: #1c2b26;--ink-2: #3a4a44;--muted: #6d7b75;--line: #e8ecea;--line-2: #f0f3f1;--bg: #f4f6f5;--card: #ffffff;--radius: 10px;--radius-sm: 7px;--shadow-sm: 0 1px 2px rgba(20, 40, 33, .05);--shadow: 0 1px 3px rgba(20, 40, 33, .06), 0 8px 24px rgba(20, 40, 33, .06);--rail-w: 56px;--blue: #2563eb;--blue-bg: #e7effe;--amber: #b45309;--amber-bg: #fbeede;--violet: #6d28d9;--violet-bg: #eee7fc;--slate: #64748b;--slate-bg: #eef1f4;--green: #197a55;--green-bg: #e2f3ea;--rose: #b4351f;--rose-bg: #fbe7e2}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}h1{font-size:1.35rem;font-weight:700;margin:0 0 .4rem}h2{font-size:1.05rem;font-weight:700;margin:0 0 .35rem}h3{font-size:.9rem;font-weight:600;margin:0}p{margin:0 0 .7rem}small{color:var(--muted);font-size:.8rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}label{font-size:.78rem;color:var(--muted);font-weight:500}input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .6rem;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-100)}button{font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:var(--radius-sm);padding:.48rem .85rem;transition:background .15s,transform .04s}button:hover{background:var(--brand-dark)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:#fff;color:var(--ink-2);border-color:var(--line)}button.ghost:hover{background:var(--line-2)}button.link{background:none;border:none;color:var(--accent);padding:0;font-weight:500}button.link:hover{background:none;text-decoration:underline}button.sm{padding:.3rem .6rem;font-size:.82rem}.app{display:flex;min-height:100vh}.rail{width:var(--rail-w);flex-shrink:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem 0;position:sticky;top:0;height:100vh}.rail .mark{width:34px;height:34px;border-radius:9px;margin-bottom:.6rem;background:linear-gradient(135deg,#2a8b6e,var(--brand));color:#fff;display:grid;place-items:center;font-weight:700}.rail a{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;color:#8a978f}.rail a:hover{background:var(--line-2);color:var(--ink);text-decoration:none}.rail a.active{background:var(--brand-50);color:var(--brand)}.rail a svg{width:20px;height:20px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:56px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.9rem;padding:0 1.1rem;position:sticky;top:0;z-index:5}.topbar .title{font-weight:700;font-size:1.02rem;color:var(--ink)}.topbar .search{flex:1;max-width:460px;display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.4rem .7rem;color:var(--muted)}.topbar .search svg{width:16px;height:16px;flex-shrink:0}.topbar .search input{border:none;background:none;padding:0;flex:1;box-shadow:none}.topbar .spacer{margin-left:auto}.topbar .icons{display:flex;align-items:center;gap:.6rem;color:var(--muted)}.topbar .icons svg{width:18px;height:18px}.content{padding:1.25rem;width:100%}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex-shrink:0;width:34px;height:34px;font-size:.82rem;background:var(--brand)}.avatar.lg{width:54px;height:54px;font-size:1.1rem}.avatar.sm{width:26px;height:26px;font-size:.7rem}.avatar.orange{background:#e8632a}.avatar.violet{background:#6d28d9}.avatar.blue{background:#2563eb}.avatar.slate{background:#64748b}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card.p{padding:1rem 1.1rem}.card-head{padding:.75rem 1.1rem;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between}.card-head h3{display:flex;align-items:center;gap:.4rem}.card-head .chev{color:var(--muted)}.card-body{padding:.9rem 1.1rem}.muted{color:var(--muted)}.error{color:var(--rose);font-size:.85rem}.ok{color:var(--green);font-size:.85rem}.stack>*+*{margin-top:1rem}.field{margin-bottom:.7rem}.field label{display:block;margin-bottom:.2rem}.field input,.field select{width:100%}.record{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:1rem;align-items:start}@media (max-width: 1180px){.record{grid-template-columns:280px minmax(0,1fr)}.record .col-right{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:1rem}}@media (max-width: 820px){.record,.record .col-right{grid-template-columns:1fr}}.col{display:flex;flex-direction:column;gap:1rem}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow-sm)}.kpi .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.kpi .value{font-size:1.7rem;font-weight:700;color:var(--ink);margin-top:.3rem;font-variant-numeric:tabular-nums}.kpi .sub{font-size:.78rem;color:var(--muted)}@media (max-width: 980px){.kpis{grid-template-columns:repeat(2,1fr)}}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;padding:.6rem 1.1rem;border-bottom:1px solid var(--line)}td{padding:.7rem 1.1rem;border-bottom:1px solid var(--line-2);font-size:.88rem}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer}tbody tr:hover td{background:var(--brand-50)}.name-cell{display:flex;align-items:center;gap:.55rem}.pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.73rem;font-weight:600;padding:.15rem .55rem;border-radius:6px;text-transform:capitalize}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.new{color:var(--blue);background:var(--blue-bg)}.pill.contacted{color:var(--amber);background:var(--amber-bg)}.pill.quoted{color:var(--violet);background:var(--violet-bg)}.pill.won{color:var(--green);background:var(--green-bg)}.pill.lost{color:var(--slate);background:var(--slate-bg)}.pill.scheduled{color:var(--blue);background:var(--blue-bg)}.pill.in_progress{color:var(--amber);background:var(--amber-bg)}.pill.completed{color:var(--green);background:var(--green-bg)}.pill.canceled{color:var(--slate);background:var(--slate-bg)}.pill.role,.pill.plain{color:var(--brand);background:var(--brand-100);text-transform:none}.pill.role:before,.pill.plain:before{display:none}.tabs{display:flex;gap:1.1rem;align-items:center}.tabs button{background:none;border:none;color:var(--muted);font-weight:600;padding:.2rem 0;font-size:.88rem;border-radius:0}.tabs button:hover{background:none;color:var(--ink)}.tabs button.active{color:var(--ink);border-bottom:2px solid var(--brand)}.contact-card .status-tag{display:inline-block;background:var(--violet-bg);color:var(--violet);font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:6px;margin-bottom:.7rem}.contact-card .quick{display:flex;gap:.5rem;margin-top:.9rem}.quick .qbtn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--brand-50);color:var(--brand);border:none}.quick .qbtn:hover{background:var(--brand-100)}.quick .qbtn svg{width:17px;height:17px}.detail-list{display:flex;flex-direction:column;gap:.7rem}.detail-list .row{display:flex;flex-direction:column;gap:.1rem}.detail-list .k{font-size:.74rem;color:var(--muted);font-weight:500}.detail-list .v{font-size:.88rem;color:var(--ink-2)}.timeline{position:relative;padding-left:.3rem}.tl-group-label{font-size:.78rem;font-weight:700;color:var(--muted);margin:.9rem 0 .5rem}.tl-item{display:flex;gap:.7rem;padding:.55rem 0}.tl-item .dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;flex-shrink:0;font-size:.75rem}.tl-item .dot.q{background:var(--violet)}.tl-item .dot.j{background:var(--blue)}.tl-item .dot.c{background:var(--brand)}.tl-body{flex:1;min-width:0}.tl-title{font-weight:600;font-size:.9rem}.tl-sub{font-size:.83rem;color:var(--muted)}.tl-time{font-size:.76rem;color:var(--muted);white-space:nowrap}.tl-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.total{font-size:1.4rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.lines{list-style:none;padding:0;margin:.6rem 0}.lines li{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px dashed var(--line);font-size:.86rem}.center-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.matrix th,.matrix td{padding:.5rem .9rem;font-size:.85rem}.matrix tbody tr{cursor:default}.matrix tbody tr:hover td{background:transparent}.matrix .mod-row td{background:var(--brand-50);font-weight:700;color:var(--brand);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}.matrix input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}.matrix input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:linear-gradient(180deg,var(--brand-50),var(--bg))}.auth-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #10282214;padding:1.6rem 1.6rem 1.4rem}.auth-brand{display:flex;align-items:center;gap:.55rem;margin-bottom:1.1rem}.auth-brand .mark{display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#2a8b6e,var(--brand));color:#fff;font-weight:800}.auth-brand .mark.lg{width:38px;height:38px;font-size:1.05rem}.auth-brand-name{font-weight:700;font-size:1.05rem;color:var(--ink)}.auth-title{font-size:1.3rem;margin:0 0 .25rem}.auth-sub{color:var(--muted);font-size:.88rem;margin:0 0 1.1rem}.auth-foot{color:var(--muted);font-size:.75rem}.auth-divider{display:flex;align-items:center;text-align:center;color:var(--muted);font-size:.75rem;margin:.9rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--line)}.auth-divider span{padding:0 .7rem}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:.55rem;background:#fff;color:var(--ink-2);border:1px solid var(--line);font-weight:600}.btn-google:hover{background:var(--line-2)}.btn-google svg{flex:none}.public-top{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;border-bottom:1px solid var(--line);background:var(--card)}.public-top .brand{display:flex;align-items:center;gap:.5rem;font-weight:700}.public-top .brand .mark{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#2a8b6e,var(--brand));color:#fff;font-weight:800;font-size:.9rem}.public-body{max-width:560px;margin:2rem auto;padding:0 1.2rem}