:root{color:#e8f0ed;background:#101416;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(140deg,#101416,#17221f);min-height:100vh;margin:0}button{font:inherit}.shell{max-width:1100px;margin:auto;padding:22px 18px 92px}header{border-bottom:1px solid #294038;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.brand{letter-spacing:.12em;font-size:24px;font-weight:700}.brand span{letter-spacing:.18em;color:#91aaa1;margin-top:5px;font-size:11px;font-weight:400;display:block}.status{color:#62d0a1;letter-spacing:.08em;font-size:11px}h1{margin:28px 0 20px;font-size:28px}h2{letter-spacing:.08em;margin-top:20px;font-size:14px}.card{text-align:left;color:#e8f0ed;background:#18221f;border:1px solid #2a4038;border-radius:16px;width:100%;margin:12px 0;padding:18px;display:block;box-shadow:0 10px 30px #0002}.metric{min-height:112px}.action,.opportunity{cursor:pointer}.action:hover,.opportunity:hover{border-color:#75d6ac;transform:translateY(-1px)}.metric small{color:#8da89e;letter-spacing:.08em}.metric strong{color:#d8efe6;margin-top:12px;font-size:28px;display:block}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}input{color:#fff;background:#101715;border:1px solid #38554a;border-radius:10px;width:100%;margin:8px 0 12px;padding:13px}button:not(.card){color:#102019;cursor:pointer;background:#9ae6c2;border:0;border-radius:10px;padding:12px 16px;font-weight:700}.secondary{margin-right:8px;color:#d6eee4!important;background:#29423a!important}.choices{flex-wrap:wrap;gap:8px;margin:10px 0 18px;display:flex}.choices button{color:#c7ddd4;background:#23332e}.choices button.chosen{color:#102019;background:#9ae6c2}.muted,small,.subtitle{color:#94aaa2}.activity{overflow-wrap:anywhere;border-bottom:1px solid #253630;padding:7px 0}.row{justify-content:space-between;gap:12px;display:flex}.row small,.agent span{margin-top:6px;display:block}.state{color:#9ae6c2;white-space:nowrap}.opportunity b,.opportunity span,.opportunity strong,.opportunity em{overflow-wrap:anywhere;display:block}.opportunity b{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;line-height:1.35;display:-webkit-box;overflow:hidden}.opportunity span{color:#9ab1a8;margin-top:7px;font-size:13px}.opportunity strong{color:#d9fff0;margin-top:10px}.opportunity em{color:#9ae6c2;margin-top:8px;font-size:12px;font-style:normal}.back{color:#9ae6c2!important;background:0 0!important;padding-left:0!important}.big{color:#f1d58b;margin-bottom:12px;font-size:24px;font-weight:700}.detail strong{margin-top:6px;font-size:20px;display:block}.detail p{overflow-wrap:anywhere}.error{color:#ffb5a8}.error button{margin-top:12px;display:block}nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#111a18ee;justify-content:center;gap:6px;padding:10px;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{white-space:nowrap;font-size:13px;color:#9cb8ad!important;background:0 0!important;padding:11px 13px!important}nav button.active{color:#d9fff0!important;background:#294b3e!important}@media (width<=650px){.shell{padding-left:14px;padding-right:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}h1{margin:24px 0 16px;font-size:24px}.brand{font-size:19px}.brand span,.status{font-size:9px}nav{justify-content:space-around;gap:0}nav button{font-size:11px;padding:10px 7px!important}.card{padding:15px}.metric strong{font-size:24px}}
