:root{--bg:#f5f7fb;--card:#fff;--txt:#172033;--muted:#667085;--line:#e6e9f0;--pri:#2F6364;--pri2:#0fbde7;--warn:#FFC51B;--danger:#e5484d;--ok:#12b76a;--shadow:0 18px 50px rgba(16,24,40,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--txt)}a{text-decoration:none;color:inherit}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#2F6364,#0fbde7)}.login-card{width:390px;max-width:92%;background:#fff;border-radius:26px;padding:32px;box-shadow:var(--shadow)}.logo{font-weight:900;font-size:24px;color:var(--pri)}.layout{display:flex;min-height:100vh}.sidebar{width:270px;background:#101828;color:white;padding:22px;position:fixed;inset:0 auto 0 0;overflow:auto}.sidebar .brand{font-size:22px;font-weight:900;margin-bottom:24px}.sidebar a{display:flex;gap:10px;padding:11px 13px;border-radius:13px;margin:4px 0;color:#d0d5dd}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.1);color:white}.main{margin-left:270px;width:calc(100% - 270px);padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{padding:22px}.stat .num{font-size:32px;font-weight:900}.muted{color:var(--muted)}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;font:inherit}label{font-size:13px;font-weight:700;margin:9px 0 6px;display:block}.btn{border:0;border-radius:13px;padding:11px 15px;background:var(--pri);color:#fff;font-weight:800;cursor:pointer;display:inline-flex;gap:8px;align-items:center}.btn.yellow{background:var(--warn);color:var(--pri)}.btn.light{background:#eef4ff;color:#1d4ed8}.btn.red{background:var(--danger)}.btn.small{padding:7px 10px;font-size:12px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left}th{font-size:12px;text-transform:uppercase;color:var(--muted);background:#fbfcfe}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.badge-ok{background:#dcfae6;color:#067647}.badge-danger{background:#fee4e2;color:#b42318}.badge-neutral{background:#eef2f6;color:#344054}.badge-warn{background:#fef0c7;color:#93370d}.kanban{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:14px;overflow:auto}.lane{background:#eef2f6;border-radius:18px;padding:12px;min-height:420px}.lead-card{background:#fff;border-radius:15px;padding:13px;margin:10px 0;box-shadow:0 8px 24px rgba(16,24,40,.07);cursor:grab}.modal{display:none;position:fixed;inset:0;background:rgba(16,24,40,.45);place-items:center;z-index:5}.modal .box{background:#fff;border-radius:22px;padding:22px;max-width:760px;width:94%;max-height:90vh;overflow:auto}.actions{display:flex;gap:8px;flex-wrap:wrap}.mobile-bottom{display:none}@media(max-width:900px){.sidebar{display:none}.main{margin:0;width:100%;padding:16px}.grid,.grid-2{grid-template-columns:1fr}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#101828;justify-content:space-around;padding:8px;z-index:4}.mobile-bottom a{color:#fff;font-size:12px}.kanban{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px;flex-direction:column}}