@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0d2340;--ink-90:#1a3a5c;--ink-70:#2a4a6a;--blue:#1e6cbf;--blue-hover:#1559a8;--blue-light:#e8f1fb;--accent:#f5a623;--accent-hover:#e09510;--gold:#f5a623;--gold-hover:#e09510;--gold-faint:#f5a6231a;--gold-border:#f5a62340;--white:#fff;--off-white:#f9fafb;--stone:#f4f6f9;--stone-dark:#e8ecf1;--charcoal:#1a2535;--text:#1a2535;--text-secondary:#4a5568;--text-light:#607d8b;--border:#e8ecf1;--border-light:#f0f3f6;--red:#c62828;--green:#2e7d32;--blue-var:#1565c0;--font-display:"Inter", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--radius:6px;--radius-lg:8px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--sidebar:230px}body{font-family:var(--font-body);color:var(--text);background:var(--stone);-webkit-font-smoothing:antialiased;height:100vh;font-size:13px;line-height:1.5;overflow:hidden}.app{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar);background:var(--ink);color:#fff;z-index:50;flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar__logo{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:16px 14px 12px;text-decoration:none;display:flex}.sidebar__mark{background:var(--accent);color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;font-weight:800;display:flex}.sidebar__brand{color:var(--white);font-size:.88rem;font-weight:700;line-height:1.2}.sidebar__brand small{color:#fff6;letter-spacing:.06em;text-transform:uppercase;margin-top:1px;font-size:.6rem;font-weight:500;display:block}.sidebar__nav{flex-direction:column;flex:1;padding:6px 0;display:flex}.sidebar__section{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;padding:8px 14px 3px;font-size:.6rem;font-weight:600}.sidebar__link{color:#ffffffbf;border-left:3px solid #0000;align-items:center;gap:9px;padding:8px 14px;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar__link:hover{color:#fff;background:#ffffff14}.sidebar__link.active{color:#fff;border-left:3px solid var(--accent);background:#1e6cbf4d;font-weight:600}.sidebar__footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:12px}.sidebar__user{align-items:center;gap:9px;display:flex}.sidebar__avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.72rem;font-weight:700;display:flex}.sidebar__user-info{flex:1}.sidebar__user-name{color:#ffffffd9;font-size:.78rem;font-weight:700}.sidebar__user-role{color:#fff6;text-transform:uppercase;letter-spacing:.05em;font-size:.62rem;font-weight:500}.sidebar__logout{color:#ffffff59;cursor:pointer;font-size:.68rem;font-family:var(--font-body);background:0 0;border:none;padding:4px;transition:color .15s}.sidebar__logout:hover{color:var(--red)}.main{margin-left:var(--sidebar);flex-direction:column;flex:1;min-height:100vh;display:flex;overflow:hidden}.topbar{background:var(--white);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 20px;display:flex;box-shadow:0 1px 3px #0000000f}.topbar__title{color:var(--text);font-size:14px;font-weight:700;font-family:var(--font-body)}.topbar__actions{align-items:center;gap:10px;display:flex}.page{flex:1;padding:18px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.stat-card{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius-lg);border-left:4px solid var(--blue);padding:15px 16px}.stat-card__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:7px;font-size:.68rem;font-weight:600}.stat-card__value{color:var(--text);font-size:24px;font-weight:700;line-height:1;font-family:var(--font-body)}.stat-card__sub{color:var(--text-secondary);margin-top:4px;font-size:.7rem}.stat-card--clickable{cursor:pointer;transition:all .15s}.stat-card--clickable:hover{border-color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.kanban{gap:12px;padding-bottom:16px;display:flex;overflow-x:auto}.kanban__col{background:var(--stone);border-radius:var(--radius-lg);flex-shrink:0;min-width:270px;padding:10px}.kanban__col-header{justify-content:space-between;align-items:center;padding:6px 8px 10px;display:flex}.kanban__col-title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);font-size:.65rem;font-weight:700}.kanban__col-count{color:var(--text-light);background:var(--white);border-radius:100px;padding:2px 8px;font-size:.62rem;font-weight:700}.kanban__cards{flex-direction:column;gap:7px;min-height:60px;display:flex}.lead-card{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:12px 14px;transition:box-shadow .15s,transform .15s}.lead-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.lead-card__header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.lead-card__name{color:var(--charcoal);font-size:.8rem;font-weight:700}.lead-card__score{border-radius:100px;padding:2px 8px;font-size:.6rem;font-weight:700}.lead-card__score--hot{color:var(--red);background:#c628281a}.lead-card__score--warm{color:var(--accent);background:#f5a6231f}.lead-card__score--cold{background:var(--blue-light);color:var(--blue)}.lead-card__meta{color:var(--text-light);gap:10px;font-size:.7rem;display:flex}.lead-card__type{color:var(--text-secondary);background:var(--stone);border-radius:4px;padding:2px 8px;font-size:.62rem;font-weight:600;display:inline-block}.lead-card__move{opacity:0;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);color:var(--text-secondary);background:var(--white);cursor:pointer;outline:none;padding:2px 6px;font-size:.62rem;transition:opacity .15s}.lead-card:hover .lead-card__move{opacity:1}.lead-card__move:focus{opacity:1;border-color:var(--blue)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid var(--border);background:var(--stone);white-space:nowrap;padding:7px 10px;font-size:.68rem;font-weight:700}.data-table td{border-bottom:.5px solid var(--border);vertical-align:middle;padding:8px 10px;font-size:.82rem}.data-table tr:hover td{background:#f0f6ff}.extranet-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.extranet-card{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius);padding:16px;transition:all .15s}.extranet-card:hover{border-color:var(--blue);box-shadow:var(--shadow-sm)}.extranet-card__name{color:var(--charcoal);margin-bottom:3px;font-size:.85rem;font-weight:700}.extranet-card__branch{color:var(--text-light);margin-bottom:10px;font-size:.7rem}.extranet-card__actions{gap:8px;display:flex}.extranet-card__dot{border-radius:50%;width:6px;height:6px}.extranet-card__dot--active{background:var(--green)}.badge{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.badge--admin{color:#b37400;background:#f5a62326}.badge--direction{color:var(--green);background:#e8f5e9}.badge--cc{background:var(--blue-light);color:var(--blue)}.btn{font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:6px 13px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn--primary{background:var(--blue);border-color:var(--blue);color:var(--white)}.btn--primary:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.btn--dark{background:var(--ink);border-color:var(--ink);color:var(--white)}.btn--dark:hover{background:var(--ink-70)}.btn--outline{background:var(--white);border-color:var(--border);color:var(--text-secondary)}.btn--outline:hover{background:var(--stone);border-color:#b0bec5}.btn--sm{padding:3px 9px;font-size:.72rem}.btn--full{justify-content:center;width:100%}.form-field{margin-bottom:14px}.form-field label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;font-size:.68rem;font-weight:700;display:block}.form-field input,.form-field select{border:1px solid var(--border);border-radius:var(--radius);width:100%;font-family:var(--font-body);color:var(--charcoal);background:var(--white);outline:none;padding:6px 9px;font-size:.82rem;transition:border-color .15s}.form-field input:focus,.form-field select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #1e6cbf1a}.login-page{background:var(--ink);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:40px 36px;position:relative;box-shadow:0 8px 32px #0000002e}.login-card:before{content:"";background:var(--blue);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.login-card__mark{background:var(--ink);width:44px;height:44px;color:var(--accent);border-radius:var(--radius);justify-content:center;align-items:center;margin-bottom:24px;font-size:1.2rem;font-weight:800;display:flex}.login-card__title{color:var(--charcoal);margin-bottom:5px;font-size:1.4rem;font-weight:700}.login-card__sub{color:var(--text-secondary);margin-bottom:28px;font-size:.82rem}.login-error{color:var(--red);text-align:center;border-radius:var(--radius);background:#ffebee;border:1px solid #c6282833;margin-bottom:14px;padding:9px 13px;font-size:.78rem;font-weight:600}.empty-state{text-align:center;color:var(--text-light);padding:48px 24px}.empty-state__title{color:var(--text-secondary);margin-bottom:8px;font-size:1rem;font-weight:700}.filters{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px;display:flex}.filters select{border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);color:var(--text);background:var(--white);cursor:pointer;outline:none;padding:5px 9px;font-size:.78rem}.filters select:focus{border-color:var(--blue)}.filters input{border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);color:var(--text);background:var(--white);outline:none;min-width:200px;padding:5px 10px;font-size:.78rem}.filters input:focus{border-color:var(--blue)}.card{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card--flush{padding:0}.funnel-row{align-items:center;gap:10px;margin-bottom:7px;display:flex}.funnel-row__label{width:120px;color:var(--text-secondary);text-align:right;flex-shrink:0;font-size:.7rem;font-weight:600}.funnel-row__bar-bg{background:var(--stone);border-radius:3px;flex:1;height:22px;overflow:hidden}.funnel-row__bar{border-radius:3px;min-width:4px;height:100%;transition:width .4s}.funnel-row__count{width:46px;color:var(--charcoal);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.spanco-date-col{text-align:center;width:60px}.spanco-num-col{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-body)}