@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";.app-container{max-width:1200px;margin:0 auto;padding:1.5rem;width:100%}.topbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.hamburger-btn{width:40px!important;height:40px!important}.sidebar-overlay{position:fixed;inset:0;background:#0006;z-index:998;animation:fadeIn .2s ease-out}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--bg-primary);border-right:1px solid var(--border-color);z-index:999;transition:left .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.sidebar-open{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.sidebar-content{padding:1rem;display:flex;flex-direction:column;gap:.25rem;flex:1}.sidebar-user-info{padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:1rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);transition:background .15s;width:100%;text-align:left}.sidebar-item:hover{background:var(--bg-secondary)}.sidebar-logout{margin-top:auto;color:#dc2626}.sidebar-logout:hover{background:#fee2e2}body.dark .sidebar-logout:hover{background:#3b1111}.tabs{display:flex;gap:1.5rem;margin-top:1rem;border-bottom:1px solid var(--border-color);padding-bottom:0}.tab{padding:.75rem .5rem;color:var(--text-secondary);font-weight:500;font-size:.875rem;position:relative;transition:color var(--transition-fast);cursor:pointer}.tab:hover,.tab.active{color:var(--text-primary)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--text-primary);border-radius:2px 2px 0 0}.header-actions{display:flex;gap:1rem;align-items:center}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-secondary)}.search-input{padding:.75rem 1.25rem .75rem 2.75rem;border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);outline:none;font-size:1rem;transition:all var(--transition-normal);width:100%;min-width:320px}.search-input:focus{border-color:var(--accent-color);background-color:var(--bg-primary);box-shadow:0 0 0 3px #0071e326}.big-search{width:100%;padding:.875rem 1rem .875rem 2.75rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);outline:none;font-size:1rem;transition:all var(--transition-normal)}.big-search:focus{border-color:var(--accent-color);background-color:var(--bg-primary);box-shadow:0 0 0 3px #0071e326}.user-id-highlight{font-weight:700;font-family:monospace;font-size:1.05rem;color:var(--accent-color)}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary);padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:opacity var(--transition-fast),transform var(--transition-fast)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-color);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--bg-tertiary)}.btn-icon{background-color:var(--bg-secondary);color:var(--text-primary);width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);transition:all var(--transition-fast)}.btn-icon:hover{background-color:var(--bg-tertiary);color:var(--accent-color)}.table-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;text-align:left}.table th{padding:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.table td{padding:1rem;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover{background-color:var(--bg-secondary)}.actions-cell{display:flex;gap:.5rem}.modal-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:2rem;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-content.large{max-width:600px}.modal-content.small{max-width:400px;text-align:center}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.25rem;font-weight:600}.close-btn{color:var(--text-secondary);padding:.25rem;border-radius:var(--radius-full);transition:all var(--transition-fast)}.close-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.form-group{margin-bottom:1rem;text-align:left}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.form-group input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color var(--transition-fast)}.form-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #0071e333}.form-group input[type=file]{padding:.5rem;background-color:var(--bg-secondary);cursor:pointer}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.qr-image-large{max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.bank-detail-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-color)}.bank-detail-item:last-child{border-bottom:none}.bank-detail-label{color:var(--text-secondary);font-size:.875rem}.bank-detail-value{font-weight:500;color:var(--text-primary)}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:var(--text-primary);color:var(--bg-primary);padding:.75rem 1.5rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-md);z-index:200;animation:slideUpFade .3s cubic-bezier(.16,1,.3,1),fadeOut .3s ease-in 2.7s forwards}.empty-state{padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.empty-state p{margin-top:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-text{height:14px;width:100%;max-width:160px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.app-container{padding:1rem}.search-input,.big-search{min-width:unset;width:100%}.table-container{overflow-x:auto}}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-tertiary: #e5e5ea;--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #d2d2d7;--border-color: #d2d2d7;--accent-color: #0071e3;--accent-hover: #0077ed;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.05), 0 4px 6px -2px rgba(0,0,0,.025);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}body.dark{--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--text-primary: #f5f5f7;--text-secondary: #86868b;--text-tertiary: #48484a;--border-color: #38383a;--accent-color: #2997ff;--accent-hover: #4ea8ff;--shadow-sm: 0 1px 2px rgba(0,0,0,.8);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.8);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.9)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}