:root{--dark:#111;--muted:#666;--bg:#f4f4f4;--green:#0a7c33;--blue:#286090;--purple:#6f42c1;--yellow:#c89200;--red:#b00020;--gold:#fff1b8}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#111}.layout{display:flex;min-height:100vh}.sidebar{width:255px;background:#111;color:white;padding:24px 16px;position:sticky;top:0;height:100vh}.brand-logo{width:100%;background:#1d1d1d;border-radius:14px;padding:10px;display:block}.app-name{font-size:20px;font-weight:900;margin:10px 0 24px;color:#eee}.sidebar nav a{display:block;color:white;text-decoration:none;padding:13px 11px;border-radius:10px;margin-bottom:7px;font-weight:800}.sidebar nav a:hover{background:#333}.content{flex:1;padding:30px;max-width:1700px}.hero{background:#111;color:white;border-radius:22px;padding:28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.hero h1{margin:0 0 8px;font-size:32px}.hero p{margin:0;color:#ddd;font-size:18px}.hero-small{font-size:13px!important;margin-top:8px!important;color:#aaa!important}.hero-actions{display:flex;gap:10px}.hero-client-meta{text-align:right;font-size:20px;font-weight:900}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:22px}.kpi,.card,.insight-card{background:white;border-radius:18px;padding:21px;box-shadow:0 3px 14px rgba(0,0,0,.08)}.insight-card{margin-bottom:22px;border-left:6px solid #111}.kpi-num{font-size:28px;font-weight:900}.kpi-label{color:var(--muted);margin-top:4px}.kpi-green{border-top:5px solid var(--green)}.kpi-blue{border-top:5px solid var(--blue)}.kpi-purple{border-top:5px solid var(--purple)}.kpi-gold{border-top:5px solid #e5b600}.kpi-black{border-top:5px solid #111}.section-title,.page-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.dashboard-columns{display:grid;grid-template-columns:2fr 1fr;gap:20px}.mission-compact{background:white;border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 3px 12px rgba(0,0,0,.07);display:grid;grid-template-columns:90px 1.45fr 2.1fr 150px;gap:16px;align-items:center}.clients-row{grid-template-columns:80px 1.5fr 2fr 100px}.score{font-size:28px;font-weight:900;color:var(--green)}.score.big{font-size:42px}.score.medium{color:var(--yellow)}.score.low{color:#286090}.score.soft{color:#555}.client-name{font-size:20px;font-weight:900}.muted{color:var(--muted);font-size:14px}.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#eee;margin:5px 4px 0 0;font-size:13px;font-weight:800}.gold{background:var(--gold)}.btn{display:inline-block;padding:11px 15px;border-radius:10px;text-decoration:none;border:0;font-weight:900;margin:4px;cursor:pointer}.btn-small{padding:8px 10px;font-size:13px}.btn-dark{background:#111;color:white}.btn-light{background:white;color:#111}.btn-outline{background:transparent;color:white;border:1px solid white}.btn-green{background:var(--green);color:white}.btn-yellow{background:var(--yellow);color:white}.btn-red{background:var(--red);color:white}.btn-wa{background:#25D366;color:white}.detail-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:20px}.detail-head{display:flex;justify-content:space-between;align-items:flex-start}.why-list{line-height:1.7}.message{background:#eef6ff;border-radius:14px;padding:16px;white-space:pre-wrap;line-height:1.5}.actions{margin-top:18px}.product-card p{margin:8px 0}.product-img{width:100%;max-height:360px;object-fit:contain;background:#f8f8f8;border-radius:14px;margin-bottom:15px}.product-img-small{width:150px;height:150px;object-fit:contain;background:#f8f8f8;border-radius:14px}.product-focus-grid{display:grid;grid-template-columns:170px 1fr;gap:18px}.thumb{width:70px;height:70px;object-fit:contain;background:#f8f8f8;border-radius:10px}.product-suggestion{display:grid;grid-template-columns:75px 85px 1fr 140px;gap:14px;align-items:center;border-bottom:1px solid #eee;padding:12px 0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#111}.login-box{width:410px;background:white;border-radius:20px;padding:34px}.login-logo{width:100%;background:#1d1d1d;border-radius:14px;padding:10px}input,select{width:100%;padding:13px;border:1px solid #ccc;border-radius:10px;margin-bottom:12px}.error{color:var(--red);font-weight:bold;margin-top:12px}.tabs{margin-bottom:18px}.tabs a{display:inline-block;text-decoration:none;background:#ddd;color:#111;padding:9px 12px;border-radius:999px;margin-right:6px;font-weight:800}.tabs a.active{background:#111;color:white}.filter-bar{display:grid;grid-template-columns:1fr 220px 120px;gap:10px;margin-bottom:15px}.stats-grid,.client-grid,.opportunity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}.stats-grid,.opportunity-grid{grid-template-columns:repeat(3,1fr)}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #eee;text-align:left}th{background:#f7f7f7}.stat-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eee}.link-clean{color:#111;text-decoration:none}.link-clean:hover{text-decoration:underline}.strong{font-weight:900}.mini-card{background:#fafafa;border-radius:14px;padding:13px;margin-bottom:10px}.note-row,.timeline-item{padding:11px 0;border-bottom:1px solid #eee;line-height:1.4}pre{white-space:pre-wrap;background:#111;color:#0f0;padding:16px;border-radius:12px;max-height:500px;overflow:auto}.empty{color:#666}@media(max-width:1100px){.layout{display:block}.sidebar{width:100%;height:auto;position:relative}.kpi-grid,.detail-grid,.stats-grid,.filter-bar,.client-grid,.dashboard-columns,.opportunity-grid,.product-suggestion,.product-focus-grid{grid-template-columns:1fr}.mission-compact{grid-template-columns:1fr}.hero{display:block}.hero-actions{margin-top:15px}}