.admin-layout{display:flex;min-height:100vh}.main-content{flex-grow:1;display:flex;flex-direction:column;background-color:var(--background-color)}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;border-bottom:1px solid var(--border-color);height:73px;box-sizing:border-box;flex-shrink:0}.admin-header h1{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.header-actions{display:flex;align-items:center;gap:1.5rem}.icon-button{background:none;border:none;cursor:pointer;color:#6b7280;padding:0;display:flex;align-items:center;justify-content:center}.icon-button:hover{color:#111827}.icon-button svg{width:24px;height:24px}.user-profile{display:flex;align-items:center;gap:.75rem}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-weight:600;font-size:.875rem;color:#111827}.user-role{font-size:.75rem;color:#6b7280}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.page-content{flex-grow:1;overflow-y:auto}.notifikasi-container{padding:2rem}.notifikasi-card{background-color:#fff;border-radius:.5rem;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-title{padding:1.5rem;font-size:1.125rem;font-weight:600;color:#111827;border-bottom:1px solid var(--border-color);margin:0}.notifikasi-list{list-style:none;padding:0;margin:0}.notifikasi-item{display:flex;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s}.notifikasi-item:last-child{border-bottom:none}.notifikasi-item:hover{background-color:#f9fafb}.notif-icon-container{margin-right:1rem}.notif-icon{width:20px;height:20px;color:#6b7280}.notif-content{flex-grow:1}.notif-message{margin:0;font-size:.875rem;color:#374151;line-height:1.5}.notif-timestamp{margin:.25rem 0 0;font-size:.75rem;color:#6b7280}.notif-arrow{color:#9ca3af}.error-message,.loading-message{padding:1.5rem;color:#6b7280}.error-message{color:#ef4444}.riwayat-pembayaran-page .card{padding:1.5rem}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.status-filters{display:flex;align-items:center;gap:.5rem}.status-filters span{font-size:.875rem;color:var(--text-secondary);margin-right:.5rem}.filter-btn{background-color:transparent;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:500;color:var(--text-secondary);transition:all .2s}.filter-btn.active{background-color:#e0e7ff;color:#4338ca}.filter-btn:hover:not(.active){background-color:#f3f4f6}.export-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--button-primary-bg);color:var(--button-primary-text);border:none;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.export-btn:hover{background-color:var(--button-primary-hover-bg)}.riwayat-pembayaran-page .table-container{border:1px solid var(--card-border);border-radius:.5rem;overflow:hidden}.riwayat-pembayaran-page table{border:none}.riwayat-pembayaran-page th,.riwayat-pembayaran-page td{padding:1rem}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";--primary-color: #1a2c5a;--secondary-color: #f0f3ff;--background-color: #f3f4f6;--text-color: #111827;--sidebar-bg: #1a2c5a;--sidebar-text: #a7b3d3;--sidebar-active-bg: #4f46e5;--sidebar-active-text: #ffffff;--border-color: #e5e7eb}body{margin:0;background-color:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.table-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.table-header h2{font-size:1.125rem;font-weight:600;color:#111827}.add-button{background-color:#4f46e5;color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.add-button:hover{background-color:#4338ca}table{width:100%;border-collapse:collapse;text-align:left}thead{background-color:#f9fafb}th{padding:.75rem 1.5rem;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}td{padding:1rem 1.5rem;font-size:.875rem;color:#374151;border-bottom:1px solid var(--border-color)}tbody tr:last-child td{border-bottom:none}.action-buttons button{background:none;border:none;cursor:pointer;margin-right:.5rem;color:#6b7280}.action-buttons button:hover{color:#4f46e5}