body:has(.abap){background:#f6f7f8}.abap{display:flex;min-height:900px;background:#f7f8fa;color:#172033;font-family:Arial,sans-serif}.abap-side{width:230px;background:#064b36;color:white;display:flex;flex-direction:column;padding:14px 10px;box-sizing:border-box;gap:5px}.abap-logo{font-size:11px;border:1px solid #39d9a5;width:44px;padding:4px;border-radius:4px;text-align:center;margin-bottom:15px}.abap-side a{color:#dffdf4!important;text-decoration:none;padding:11px 13px;border-radius:8px;font-size:14px}.abap-side a:hover,.abap-side a.active{background:#0a8a63;color:#fff!important}.abap-bottom{margin-top:auto}.abap-main{flex:1;min-width:0}.abap-main header{height:52px;background:white;border-bottom:1px solid #e5e7eb;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0 20px}.abap-main header b{background:#f5a300;color:white;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.abap-page{display:none;padding:28px}.abap-page.active{display:block}.abap-page h1{font-family:Georgia,serif;margin:0 0 22px;font-size:24px}.abap-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.abap-title button,.abap-green{background:#00875f;color:white;border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer}.abap-title .red{background:#ef7373}.abap-filter{display:flex;gap:12px;margin-bottom:16px}.abap-filter input,.abap-filter select,.abap-card input,.abap-card textarea,.abap-card select,.abap-title select{border:1px solid #e4e7ec;border-radius:7px;padding:10px;background:white}.abap-card{background:white;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.08);margin-bottom:20px}.abap-card table{width:100%;border-collapse:collapse;font-size:13px}.abap-card th,.abap-card td{padding:13px;border-bottom:1px solid #edf0f2;text-align:left;color:#526173}.abap-card th{color:#111827;font-weight:700}.abap-del{color:#dc2626}.abap-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.abap-stats div{background:white;border-radius:10px;padding:24px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.08);font-size:24px;font-weight:700}.abap-stats span{display:block;color:#6b7280;font-size:13px;font-weight:400;margin-top:8px}.abap-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.abap-card form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.abap-card form h3{grid-column:1/-1;margin:10px 0}.abap-card form textarea{grid-column:1/-1;min-height:85px}.abap-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:999999}.abap-modal.open{display:flex}.abap-modal-box{background:white;border-radius:10px;width:min(430px,92vw);padding:24px;position:relative}.abap-close{position:absolute;right:14px;top:12px;background:none;border:0;font-size:22px;cursor:pointer}.abap-modal-box h3{margin-top:0}.abap-modal-box label{font-size:12px;font-weight:700;margin:8px 0 5px;display:block}.abap-modal-box input{width:100%;box-sizing:border-box;border:1px solid #d7dce2;border-radius:7px;padding:10px}.abap-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.abap-modal-actions button{border:0;border-radius:7px;padding:9px 14px}.abap-submit{background:#00875f;color:white}.abap-cancel{background:#f3f4f6}.abap-denied{background:#fff3cd;border:1px solid #ffeeba;padding:15px;border-radius:8px}footer{text-align:center;color:#a0a7b3;font-size:12px;padding:25px}@media(max-width:900px){.abap{display:block}.abap-side{width:auto}.abap-stats,.abap-grid,.abap-card form{grid-template-columns:1fr}.abap-page{padding:18px}.abap-title{display:block}.abap-title button{margin-top:10px}}