@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg-color:#f1f5f9;--sidebar-bg:#fff;--right-panel-bg:#f8fafc;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);height:100vh;font-family:Inter,sans-serif;overflow:hidden}.app-layout{width:100vw;height:100vh;display:flex}.left-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;width:320px;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;padding:1.5rem;display:flex}.search-bar{background:#f1f5f9;border:none;border-radius:8px;outline:none;width:calc(100% - 2rem);margin:1rem;padding:.75rem 1rem}.leads-list{flex:1;padding:.5rem;overflow-y:auto}.lead-card{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;margin:.5rem;padding:1rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.lead-card:hover{border-color:var(--primary)}.lead-card.active{border-color:var(--primary);background:#eff6ff}.lead-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.lead-name{color:var(--text-main);font-weight:600}.lead-time{color:var(--text-muted);font-size:.75rem}.lead-status{color:#d97706;background:#fef3c7;border-radius:4px;margin-top:.5rem;padding:.25rem .5rem;font-size:.75rem;display:inline-block}.main-area{background:#fff;flex-direction:column;flex:1;display:flex}.main-header{border-bottom:1px solid var(--border-color);background:var(--sidebar-bg);align-items:center;height:60px;padding:0 2rem;display:flex}.nav-tabs{gap:2rem;height:100%;display:flex}.nav-tab{cursor:pointer;height:100%;color:var(--text-muted);border-bottom:2px solid #0000;align-items:center;padding:0 .5rem;font-weight:500;display:flex}.nav-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.main-content{background:var(--bg-color);flex:1;padding:2rem;overflow-y:auto}.right-panel{background:var(--right-panel-bg);border-left:1px solid var(--border-color);flex-direction:column;width:380px;display:flex}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;font-weight:600;display:flex}.panel-content{flex:1;padding:1.5rem;overflow-y:auto}.form-group{margin-bottom:1.5rem}.form-label{color:var(--primary);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.form-input{border:1px solid var(--border-color);background:#fff;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-input:focus{border-color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s;display:flex}.btn-primary:hover{opacity:.9}.glass-popup{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-content{text-align:center;background:#fff;border-radius:16px;width:400px;padding:3rem;box-shadow:0 20px 25px -5px #0000001a}