.clickable{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.clickable:hover{transform:translateY(-2px);border-color:#a8cec2!important;box-shadow:0 12px 30px rgba(13,69,58,.11)!important}.drawer-backdrop{position:fixed;inset:0;background:rgba(4,27,24,.38);backdrop-filter:blur(2px);z-index:25;opacity:0;pointer-events:none;transition:.25s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.detail-drawer{position:fixed;right:-570px;top:0;width:min(560px,100%);height:100vh;background:#f7f9f8;z-index:26;box-shadow:-20px 0 55px rgba(3,29,25,.2);transition:.3s cubic-bezier(.22,.8,.25,1);display:flex;flex-direction:column}.detail-drawer.open{right:0}.detail-drawer>header{background:#fff;border-bottom:1px solid var(--line);padding:23px 25px 17px;display:flex;justify-content:space-between;align-items:flex-start}.detail-drawer header small{font-size:9px;color:#168064;font-weight:800;letter-spacing:1.1px}.detail-drawer header h2{font-size:20px;margin:5px 0 0}.detail-drawer header button{border:0;background:#eef3f1;color:#526762;border-radius:7px;width:32px;height:32px;font-size:22px;cursor:pointer}.detail-tabs{display:flex;background:#fff;padding:0 21px;border-bottom:1px solid var(--line)}.detail-tabs button{border:0;background:transparent;padding:13px 11px;color:#70827e;font-size:11px;cursor:pointer;border-bottom:2px solid transparent}.detail-tabs button.active{color:#087a5b;border-bottom-color:#0b9670;font-weight:800}.detail-body{padding:20px 24px;overflow:auto;flex:1}.detail-drawer>footer{background:#fff;border-top:1px solid var(--line);padding:14px 22px;display:flex;justify-content:flex-end;gap:9px}.detail-hero{background:linear-gradient(120deg,#0a3d37,#0c8062);color:#fff;border-radius:10px;padding:18px;margin-bottom:13px}.detail-hero small{font-size:9px;color:#a9cdc5}.detail-hero strong{font-size:28px;display:block;margin:6px 0}.detail-hero p{font-size:10px;color:#c0d8d3;margin:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:13px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px;display:flex;flex-direction:column}.detail-card small{font-size:8px;color:#80918d;letter-spacing:.7px}.detail-card b{font-size:12px;margin-top:5px}.mini-chart{height:115px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px;display:flex;align-items:flex-end;gap:8px;margin-bottom:13px}.mini-chart i{flex:1;background:linear-gradient(#43c596,#0a8a66);border-radius:3px 3px 0 0;opacity:.82}.detail-section{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px;margin-bottom:10px}.detail-section h3{font-size:11px;margin:0 0 11px}.detail-line{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #edf1f0}.detail-line:first-of-type{border-top:0}.detail-line>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e4f4ee;color:#08795a;font-size:9px}.detail-line p{display:flex;flex-direction:column;margin:0;flex:1}.detail-line b{font-size:10px}.detail-line small{font-size:8px;color:#82928e;margin-top:2px}.detail-line em{font-style:normal;font-size:8px;color:#71827e}.empty-tab{text-align:center;padding:55px 20px}.empty-tab span{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#e4f4ee;color:#0a7f60;margin:auto;font-size:20px}.empty-tab h3{font-size:13px;margin:12px 0 5px}.empty-tab p{font-size:10px;color:#7b8c88;margin:0}@media(max-width:700px){.detail-grid{grid-template-columns:1fr}.detail-drawer{width:100%}}