:root{--fg:#1a1a1a;--fg-muted:#6b6b6b;--bg:#fff;--bg-muted:#f5f5f5;--border:#dcdcdc;--accent:#3a5aa8;--accent-fg:#fff;--danger:#b3261e;--ok:#2e9e4f;--radius:6px;--gap:12px}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}.app-layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);width:240px;padding:var(--gap);flex-direction:column;flex-shrink:0;gap:4px;display:flex}.sidebar-group-title{text-transform:uppercase;color:var(--fg-muted);margin:12px 0 4px;font-size:12px}.content{flex-direction:column;flex:1;display:flex}.header{padding:var(--gap);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.main{flex:1;padding:24px}.nav-item{border-radius:var(--radius);color:var(--fg);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 10px;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-muted)}.nav-item--planned{color:var(--fg-muted);cursor:not-allowed}.nav-item--planned:hover{background:0 0}.tiles-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.tile{border:1px solid var(--border);border-left:4px solid var(--ok);border-radius:var(--radius);cursor:pointer;background:var(--bg);text-align:left;padding:16px}.tile:hover{border-color:var(--accent);border-left-color:var(--ok)}.tile--planned{color:var(--fg-muted);cursor:not-allowed;background:var(--bg-muted);border-left:1px solid var(--border)}.tile--planned:hover{border-color:var(--border)}.tile-badge{background:var(--bg-muted);color:var(--fg-muted);border-radius:999px;margin-top:8px;padding:2px 6px;font-size:11px;display:inline-block}.help-icon-wrap{display:inline-flex;position:relative}.help-icon{border:1px solid var(--fg-muted);width:18px;height:18px;color:var(--fg-muted);cursor:help;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:11px;line-height:1;display:inline-flex}.help-popover{z-index:10;background:var(--fg);width:220px;color:var(--bg);border-radius:var(--radius);padding:8px 10px;font-size:13px;line-height:1.4;display:none;position:absolute;top:22px;left:0}.help-icon-wrap:hover .help-popover,.help-icon-wrap:focus-within .help-popover{display:block}.form{flex-direction:column;gap:10px;max-width:320px;display:flex}.form input{border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.form button{border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);cursor:pointer;border:none;padding:8px 10px}.form-error{color:var(--danger);font-size:14px}.password-field{display:flex;position:relative}.password-field input{border:1px solid var(--border);border-radius:var(--radius);flex:1;width:100%;padding:8px 38px 8px 10px}.password-toggle{cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:15px;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.burger{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:4px 9px;font-size:16px;line-height:1}.sidebar--collapsed{display:none}.header-user{cursor:pointer;border-radius:var(--radius);color:var(--fg);background:0 0;border:none;padding:4px 6px}.header-user:hover{background:var(--bg-muted)}.muted{color:var(--fg-muted)}.slide-over-backdrop{z-index:20;background:#0000004d;position:fixed;inset:0}.slide-over-panel{background:var(--bg);border-left:1px solid var(--border);z-index:21;width:480px;max-width:92vw;padding:20px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.slide-over-close{cursor:pointer;color:var(--fg-muted);background:0 0;border:none;font-size:18px;position:absolute;top:12px;right:12px}.card-section{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.card-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.card-section h3{text-transform:uppercase;color:var(--fg-muted);margin:0 0 8px;font-size:14px}.touch-item{border-bottom:1px solid var(--bg-muted);padding:6px 0;font-size:13px}.other-lead-item{text-align:left;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;width:100%;margin-bottom:6px;padding:6px 8px;display:block}.other-lead-item:hover{border-color:var(--accent)}