:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8faf9;--surface:#fff;--surface-strong:#fff;--ink:#1a2421;--muted:#64746a;--line:#e2e8e4;--line-strong:#ced8d3;--primary:#0f766e;--primary-hover:#0f625c;--primary-ink:#fff;--primary-light:#f0fdfa;--accent:#ca8a04;--danger:#be123c;--danger-bg:#fff1f2;--ok:#15803d;--ok-bg:#f0fdf4;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d}*{box-sizing:border-box;min-width:0}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);letter-spacing:-.01em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading-screen,.login-screen{background:linear-gradient(135deg, var(--bg) 0%, #e6f0eb 100%);place-items:center;min-height:100vh;padding:20px;display:grid}.loading-screen{color:var(--primary);gap:12px;font-weight:500}.login-panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);width:min(440px,100%);box-shadow:var(--shadow-lg);padding:32px}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fafc;z-index:10;background:#0f172a;flex-direction:column;gap:32px;min-height:100vh;padding:24px;display:flex;box-shadow:2px 0 12px #0000000d}.brand-block{align-items:center;gap:14px;display:flex}.brand-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, #047857 100%);color:#fff;flex:none;place-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:grid;box-shadow:0 4px 12px #0f766e4d}.login-panel .brand-mark{background:linear-gradient(135deg, var(--primary) 0%, #047857 100%);border:none}.brand-block h1,.topbar h2,.panel h3{letter-spacing:-.02em;margin:0}.brand-block h1{font-size:19px;font-weight:600}.eyebrow{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.sidebar .eyebrow{color:#94a3b8}.nav-list{gap:8px;display:grid}.nav-item{color:#cbd5e1;text-align:left;border-radius:var(--radius-md);background:0 0;border:none;align-items:center;gap:12px;min-height:44px;padding:10px 16px;font-weight:500;transition:all .2s;display:flex}.nav-item.active,.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{box-shadow:inset 3px 0 0 var(--primary)}.workspace{flex-direction:column;gap:24px;width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:32px 40px;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;display:flex}.topbar h2{color:var(--ink);font-size:clamp(28px,3vw,36px);font-weight:700;line-height:1.1}.user-box{color:var(--muted);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:100px;align-items:center;gap:12px;padding:8px 16px;display:flex}.user-box span{color:var(--ink);font-weight:600}.icon-button,.primary-button,.secondary-button{border-radius:var(--radius-sm);outline:none;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:500;transition:all .2s;display:inline-flex}.icon-button{width:40px;color:var(--muted);background:0 0;border:1px solid #0000}.icon-button:hover{background:var(--line);color:var(--ink)}.primary-button{background:var(--primary);color:var(--primary-ink);border:1px solid var(--primary);box-shadow:var(--shadow-sm);padding:0 16px}.primary-button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.secondary-button{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);padding:0 16px}.secondary-button:hover:not(:disabled){background:var(--bg);border-color:var(--muted)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.6}.metric-grid,.content-grid,.crud-grid{gap:20px;display:grid}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);min-height:120px;box-shadow:var(--shadow-sm);align-content:space-between;padding:20px;display:grid;position:relative;overflow:hidden}.metric:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, transparent 100%);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.metric:hover:before{opacity:1}.metric svg,.panel-header svg{color:var(--primary)}.metric span{color:var(--muted);font-size:14px;font-weight:500}.metric strong{color:var(--ink);font-size:36px;font-weight:700;line-height:1}.content-grid,.crud-grid{grid-template-columns:minmax(0,1fr) minmax(380px,1fr);align-items:start}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.panel-header h3{font-size:18px;font-weight:600}.stack-form,.grid-form{gap:16px;display:grid}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-form .primary-button,.stack-form .primary-button{width:max-content}label{color:var(--ink);gap:8px;font-size:14px;font-weight:600;display:grid}input,select,textarea{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:42px;color:var(--ink);border-radius:var(--radius-sm);padding:8px 12px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}textarea{resize:vertical;min-height:100px}.data-list{gap:12px;display:grid}.data-row{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:12px 16px;transition:box-shadow .2s,border-color .2s;display:flex}.data-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.data-row>div{flex-direction:column;gap:4px;min-width:0;display:flex}.data-row span{color:var(--muted);font-size:13px;line-height:1.4}.data-row strong{color:var(--ink);font-size:15px;font-weight:600}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%;min-width:620px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 16px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg);font-size:12px;font-weight:600}td{font-size:14px}.empty-state,.form-error,.notice{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);margin:0;padding:12px 16px;font-size:14px}.empty-state{color:var(--muted);text-align:center;background:var(--bg);border-style:dashed}.form-error{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.notice{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.company-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.company-detail-left,.company-detail-right{flex-direction:column;gap:24px;display:flex}.detail-fields{gap:0;display:grid}.detail-field-row{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;align-items:start;gap:16px;padding:12px 0;display:grid}.detail-field-row:last-child{border-bottom:none}.detail-field-row .info-label{color:var(--muted);padding-top:2px;font-size:13px;font-weight:600}.detail-field-row .info-value{overflow-wrap:anywhere;font-size:15px}.empty-hint{color:var(--muted);font-size:14px;font-style:italic}.stage-badge{background:var(--primary-light);color:var(--primary);text-transform:uppercase;border:1px solid color-mix(in srgb, var(--primary), white 80%);border-radius:100px;padding:4px 12px;font-size:13px;font-weight:600}.stage-badge-small{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.priority-badge{border-radius:100px;padding:4px 10px;font-size:12px;font-weight:700}.priority-badge.priority-high{background:var(--danger-bg);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger), white 80%)}.priority-badge.priority-medium{color:var(--accent);background:#fefce8;border:1px solid #fef08a}.priority-badge.priority-low{background:var(--bg);color:var(--muted);border:1px solid var(--line)}.note-text{color:var(--ink);white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;margin:6px 0 0;font-size:14px;line-height:1.6}.ai-buttons{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.ai-result{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);margin-top:12px;padding:16px;box-shadow:inset 0 2px 4px #00000005}.ai-result-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ai-result-header strong{color:var(--primary);font-size:14px;font-weight:600}.ai-text{white-space:pre-wrap;color:var(--ink);overflow-wrap:break-word;word-break:break-word;margin:0;font-family:inherit;font-size:14px;line-height:1.6}.edit-inline{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.edit-inline input{flex:1;min-height:36px;padding:6px 10px;font-size:14px}.edit-field-display{align-items:center;gap:8px;min-width:0;display:flex}.edit-field-display .edit-pencil{opacity:0;transition:opacity .2s}.edit-field-display:hover .edit-pencil{opacity:1}.contact-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);flex-direction:column;gap:8px;padding:16px;display:flex}.contact-card-header{justify-content:space-between;align-items:center;display:flex}.contact-name{color:var(--ink);font-size:15px;font-weight:600}.contact-details{color:var(--muted);gap:6px;font-size:13px;display:grid}.contact-detail-row{overflow-wrap:anywhere;align-items:center;gap:8px;display:flex}.contact-detail-row svg{width:14px;height:14px;color:var(--primary);flex-shrink:0}.task-card,.interaction-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);flex-direction:column;gap:8px;padding:16px;display:flex}.task-header,.interaction-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}@media (max-width:1200px){.company-detail-grid{grid-template-columns:1fr}}.mobile-topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px;display:none}.brand-block-mobile{align-items:center;gap:12px;display:flex}.brand-name-mobile{color:var(--ink);font-size:16px;font-weight:700}.burger-btn,.sidebar-close-btn{color:var(--ink);background:0 0;border:none;padding:4px}.sidebar-overlay{z-index:40;background:#00000080;position:fixed;inset:0}.sidebar-inner{flex-direction:column;height:100%;display:flex}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.sidebar-close-btn{color:#fff;display:none}@media (max-width:768px){.app-shell{flex-direction:column;display:flex}.mobile-topbar{display:flex}.sidebar{z-index:50;width:280px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:block}.workspace{padding:16px}}