.ab-panel{display:flex;min-height:850px;background:#f7f8fa;color:#111827;font-family:Arial,sans-serif}.ab-side{width:245px;background:#07593f;padding:15px 10px;display:flex;flex-direction:column;gap:7px;box-sizing:border-box}.ab-logo{width:30px;height:30px;background:white;margin-bottom:16px}.ab-side a{color:white!important;text-decoration:none;padding:11px 13px;border-radius:10px;font-size:14px}.ab-side a:hover,.ab-side a.active{background:#0b8f67;font-weight:bold}.ab-bottom{margin-top:auto}.ab-main{flex:1;min-width:0}.ab-main header{height:58px;background:white;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:0 18px;font-size:13px}.ab-main header b{background:#078257;color:white;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.ab-page{display:none;padding:28px}.ab-page.active{display:block}.ab-page h1{font-family:Georgia,serif;margin:0 0 18px;font-size:24px}.ab-btn{background:#078257;color:white!important;padding:11px 18px;border-radius:9px;text-decoration:none;border:0;display:inline-block;cursor:pointer}.ab-cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;margin-bottom:24px}.ab-card,.ab-box,.ab-goat{background:white;border-radius:12px;box-shadow:0 3px 12px rgba(0,0,0,.12);padding:20px}.ab-card h2{margin:0 0 6px;font-size:24px}.ab-card p,.ab-box p{color:#526173;font-size:13px;margin:0}.ab-green{background:#eafff4}.ab-grid{display:grid;grid-template-columns:1fr 320px;gap:22px}.ab-box{margin-bottom:20px}.ab-box h3{font-family:Georgia,serif;margin:0 0 14px}.ab-activity{display:grid;grid-template-columns:10px 1fr auto;gap:10px;border-bottom:1px solid #eee;padding:12px 0}.ab-activity span{width:7px;height:7px;background:#16c28a;border-radius:50%;margin-top:6px}.ab-activity p{font-size:12px;margin-top:4px}.ab-activity time{font-size:12px;color:#8b93a2}.ab-goat-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.ab-goat img{width:100%;height:170px;object-fit:cover;border-radius:10px;margin-bottom:12px}.ab-goat h3{margin:0 0 6px}.ab-goat small{float:right;color:#6b7280;font-weight:normal}.ab-bar{height:7px;background:#e5e7eb;border-radius:20px;margin:12px 0}.ab-bar i{display:block;height:7px;background:#10b981;border-radius:20px}.ab-outline{border:1px solid #10b981;color:#078257!important;padding:10px 14px;border-radius:9px;text-decoration:none;display:inline-block;text-align:center;background:white}.ab-box table{width:100%;border-collapse:collapse;font-size:13px}.ab-box th,.ab-box td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}.ab-box th{background:#07593f;color:white}.ab-box input,.ab-box textarea{width:100%;padding:11px;border:1px solid #ddd;border-radius:8px;margin-bottom:10px;box-sizing:border-box}.ab-main footer{text-align:center;color:#9ca3af;font-size:11px;padding:22px}.ab-alert{padding:16px;background:#fff3cd;border:1px solid #ffeeba;border-radius:8px}@media(max-width:950px){.ab-panel{display:block}.ab-side{width:auto}.ab-cards,.ab-grid,.ab-goat-grid{grid-template-columns:1fr}.ab-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ab-cards{grid-template-columns:1fr}.ab-page{padding:16px}}