:root{--bg: #0f1117;--surface: #1a1d27;--surface-2: #242836;--border: #2e3348;--text: #e4e7f0;--text-muted: #8b90a5;--primary: #6366f1;--primary-hover: #818cf8;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);padding:1.5rem 0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10}.sidebar-brand{padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--border);font-size:1.25rem;font-weight:700;color:var(--primary)}.sidebar-brand small{display:block;font-size:.7rem;color:var(--text-muted);font-weight:400}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.5rem;color:var(--text-muted);font-size:.9rem;transition:all .15s}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--text);background:var(--surface-2)}.sidebar-nav a.active{border-right:3px solid var(--primary)}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.sidebar-footer button{background:none;border:none;color:var(--danger);cursor:pointer;font-size:.8rem}.main-content{margin-left:240px;flex:1;padding:2rem;min-width:0}.mobile-header{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.card-header h2{font-size:1rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-card .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-card .stat-value{font-size:1.75rem;font-weight:700;margin-top:.25rem}.stat-card .stat-sub{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.875rem}th{text-align:left;padding:.75rem;color:var(--text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:.75rem;border-bottom:1px solid var(--border);vertical-align:middle}tr:hover td{background:var(--surface-2)}tr.flagged td{border-left:3px solid var(--warning)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge-pending,.badge-pending_review{background:#f59e0b22;color:var(--warning)}.badge-auto_approved,.badge-approved{background:#22c55e22;color:var(--success)}.badge-credited{background:#3b82f622;color:var(--info)}.badge-rejected,.badge-failed,.badge-flagged{background:#ef444422;color:var(--danger)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.85rem;font-weight:500;border:1px solid var(--border);cursor:pointer;transition:all .15s;background:var(--surface-2);color:var(--text);white-space:nowrap}.btn:hover{background:var(--border)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:.3rem .7rem;font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;color:var(--text);font-size:.875rem;font-family:var(--font);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.3rem}.form-row{display:flex;gap:1rem}.form-row>*{flex:1}.filters{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.filters input,.filters select{width:auto;min-width:180px}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap;gap:.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal h3{margin-bottom:1rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.detail-item .label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-item .value{font-size:.95rem;margin-top:.15rem}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:360px;max-width:90%}.login-box h1{font-size:1.5rem;margin-bottom:.5rem;color:var(--primary)}.login-box p{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}.login-error{color:var(--danger);font-size:.8rem;margin-bottom:1rem}.amount{font-variant-numeric:tabular-nums;font-weight:600}.amount-large{font-size:1.5rem}.toast-container{position:fixed;top:1rem;right:1rem;z-index:200;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.75rem 1rem;border-radius:var(--radius);font-size:.85rem;animation:slideIn .2s ease-out}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading{text-align:center;padding:2rem;color:var(--text-muted)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.page-header h1{font-size:1.5rem;font-weight:600}.refund-images{display:flex;flex-wrap:wrap;gap:4px}.refund-image-thumb{width:40px;height:40px;border-radius:4px;overflow:hidden;border:1px solid var(--border);cursor:pointer;padding:0;background:none;transition:opacity .15s}.refund-image-thumb:hover{opacity:.7}.refund-image-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hamburger-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger-icon span{display:block;height:2px;width:100%;background:var(--text);border-radius:2px;transition:all .2s}.hamburger-icon.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.sidebar-overlay{display:none}@media (max-width: 1024px){.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width: 768px){.mobile-header{display:flex;align-items:center;gap:.75rem;position:fixed;top:0;left:0;right:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1rem;height:56px}.mobile-brand{font-size:1.1rem;font-weight:700;color:var(--primary)}.sidebar{transform:translate(-100%);transition:transform .25s ease;z-index:30}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#00000080}.main-content{margin-left:0;padding:1rem;padding-top:calc(56px + 1rem)}.stats-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:1.25rem}.filters{flex-direction:column;align-items:stretch}.filters input,.filters select{width:100%;min-width:unset}.btn-group{flex-wrap:wrap}table{font-size:.8rem}th,td{padding:.5rem}.modal{max-width:100%;width:100%;max-height:100vh;border-radius:0}.login-box{width:100%;max-width:100%;border-radius:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.stat-card .stat-value{font-size:1.25rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.btn-group{width:100%}.btn-group .btn{flex:1;justify-content:center}}