.app-body{background:#f5f2ea}.workspace{min-height:100vh;grid-template-columns:250px 1fr}.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:24px 18px;color:white;background:var(--ink)}.sidebar nav{display:grid;gap:5px;margin-top:28px}.sidebar button{padding:12px;border:0;border-radius:8px;color:#aaa;background:transparent;text-align:left;cursor:pointer}.sidebar nav button.active,.sidebar nav button:hover{color:white;background:#ffffff16}.sidebar footer{margin-top:auto;display:grid;gap:8px}.sidebar footer span{overflow-wrap:anywhere;font-size:10px;color:#aaa}.app-main{min-width:0;padding:38px}.app-main>header{display:flex;justify-content:space-between;align-items:center}.app-main h1{font-size:40px;margin:5px 0 25px}.secure,.badge{padding:7px 10px;border-radius:99px;color:#337552;background:#dcf5e6;font-size:10px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.panel{padding:22px;border:1px solid var(--line);border-radius:15px;background:white}.card span{font-size:11px;color:#777}.card strong{display:block;font-size:30px;margin-top:8px}.panel{margin-top:17px;overflow:auto}.panel-head,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:12px 9px;border-bottom:1px solid var(--line);text-align:left}.table th{font-size:10px;color:#777}.table tbody tr[data-id]{cursor:pointer}.table tbody tr[data-id]:hover{background:#f8f7f2}.empty{padding:35px;text-align:center;color:#777}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.form label{display:grid;gap:6px;font-size:12px;font-weight:700}.form input,.form select,.form textarea,.toolbar input,.toolbar select{padding:12px;border:1px solid var(--line);border-radius:9px;background:white;font:inherit}.form .wide{grid-column:1/-1}.form textarea{min-height:100px}.status{display:inline-block;padding:5px 8px;border-radius:99px;background:#eee;font-size:10px;font-weight:800}.status-new,.status-urgent{color:#a43d2c;background:#ffe0d9}.status-contacted,.status-won{color:#337552;background:#dcf5e6}.lead-name{font-weight:800}.lead-message{max-width:460px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer.overdue{color:#b54431;font-weight:800}.filters{display:flex;gap:8px;flex-wrap:wrap}.menu-toggle{display:none!important}dialog{width:min(700px,calc(100% - 30px));border:0;border-radius:18px;padding:28px;box-shadow:0 30px 90px #0004}dialog::backdrop{background:#1118}.dialog-close{float:right;border:0;background:none;font-size:30px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.timeline{padding:0;list-style:none}.timeline li{padding:12px 0;border-bottom:1px solid var(--line)}.timeline small{color:#777}.link-button{border:0;background:none;text-decoration:underline;cursor:pointer}.error-page{min-height:100vh;display:grid;align-content:center;gap:80px}.error-page h1{max-width:800px}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar footer{margin-top:15px}.menu-toggle{display:block!important;margin-top:15px}.sidebar nav{display:none;grid-template-columns:repeat(2,1fr);margin-top:10px}.sidebar nav.open{display:grid}.app-main{padding:22px 14px}.metrics{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-direction:column}.detail-grid{grid-template-columns:1fr}}
@media(max-width:540px){.metrics{grid-template-columns:1fr}.app-main h1{font-size:34px}.table{min-width:700px}.form{grid-template-columns:1fr}.form .wide{grid-column:auto}}