.table-list{width:250px;border-right:1px solid #ddd;display:flex;flex-direction:column;height:100%;background-color:#f9f9f9}.table-list-header{padding:15px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.table-list-header h3{margin:0;font-size:16px;color:#333}.refresh-btn{padding:4px 8px;background-color:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px}.refresh-btn:hover{background-color:#0056b3}.table-list-items{flex:1;overflow-y:auto}.table-item{padding:10px 15px;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .2s}.table-item:hover{background-color:#f0f0f0}.table-item.active{background-color:#e3f2fd;color:#1976d2;font-weight:500}.table-list.loading,.table-list.error{padding:20px;text-align:center;color:#666}.table-list.error{color:#c33}.empty{padding:20px;text-align:center;color:#999}.data-table{flex:1;display:flex;flex-direction:column;overflow:hidden}.data-table-header{padding:15px 20px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.data-table-header h3{margin:0;font-size:18px;color:#333}.data-table-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.data-table-search{display:flex;align-items:center;gap:6px}.search-input{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:180px}.search-input:focus{outline:none;border-color:#007bff}.btn-search{padding:6px 12px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-search:hover{background-color:#138496}.btn-clear-search{padding:6px 10px;background-color:#e9ecef;color:#495057;border:none;border-radius:4px;cursor:pointer;font-size:13px}.btn-clear-search:hover{background-color:#dee2e6}.btn-primary{padding:6px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary:hover{background-color:#0056b3}.btn-secondary{padding:6px 12px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-secondary:hover{background-color:#5a6268}.data-table-content{flex:1;overflow:auto}.data-table table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px;text-align:left;border-bottom:1px solid #ddd}.data-table th{background-color:#f8f9fa;font-weight:500;position:sticky;top:0;z-index:1}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table th.sortable:hover{background-color:#e9ecef}.data-table th.th-actions{cursor:default}.data-table th .sort-indicator{color:#007bff;font-weight:700;margin-left:2px}.data-table tbody tr:hover{background-color:#f5f5f5}.pk-badge{display:inline-block;margin-left:5px;padding:2px 6px;background-color:#007bff;color:#fff;border-radius:3px;font-size:10px;font-weight:400}.required{color:#dc3545;margin-left:3px}.null-value{color:#999;font-style:italic}.btn-edit{padding:4px 8px;background-color:#28a745;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;margin-right:5px}.btn-edit:hover{background-color:#218838}.btn-delete{padding:4px 8px;background-color:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px}.btn-delete:hover{background-color:#c82333}.data-table-pagination{padding:15px 20px;border-top:1px solid #ddd;display:flex;justify-content:center;align-items:center;gap:15px}.data-table-pagination button{padding:6px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.data-table-pagination button:hover:not(:disabled){background-color:#0056b3}.data-table-pagination button:disabled{background-color:#ccc;cursor:not-allowed}.data-table.loading,.data-table.error,.data-table.empty{padding:40px;text-align:center;color:#666}.data-table.error{color:#c33}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;padding:20px;max-width:600px;max-height:80vh;overflow-y:auto;width:90%}.modal-content h4{margin:0 0 20px;font-size:18px;color:#333}.modal-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field label{font-weight:500;color:#555}.form-field input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-field input:disabled{background-color:#f5f5f5;cursor:not-allowed}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.database-page{width:100%;height:100vh;display:flex;flex-direction:column}.database-header{padding:15px 20px;background-color:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.database-header-left{display:flex;align-items:center;gap:16px}.database-nav{display:flex;gap:8px}.nav-button{padding:4px 10px;border-radius:4px;border:1px solid #ddd;background:#f7f7f7;font-size:13px;cursor:pointer}.nav-button:hover{background:#eee}.nav-button-active{border-color:#1677ff;background:#e6f0ff;color:#1677ff}.database-header h1{margin:0;font-size:20px;color:#333}.user-info{color:#666;font-size:14px;display:flex;align-items:center;gap:15px}.user-info strong{color:#333}.logout-button{padding:6px 12px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.logout-button:hover{background-color:#c82333}.database-layout{display:flex;flex:1;overflow:hidden}.database-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#999;font-size:16px}.login-page{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{background:#fff;padding:40px;border-radius:8px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:400px}.login-container h1{margin:0 0 10px;font-size:28px;color:#333;text-align:center}.login-container h2{margin:0 0 30px;font-size:18px;color:#666;text-align:center;font-weight:400}.login-container form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#555;font-size:14px}.form-group input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{padding:12px;background-color:#fee;color:#c33;border-radius:4px;border:1px solid #fcc;font-size:14px}.login-button{padding:12px;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.login-button:hover:not(:disabled){background-color:#5568d3}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.user-payments-page{padding:20px 24px;margin:0 auto;max-width:min(1920px,98vw);width:100%;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-actions{display:flex;align-items:center;gap:12px}.user-info{display:flex;align-items:center;gap:8px}.logout-button{padding:6px 10px;border-radius:4px;border:1px solid #ddd;background:#fff;cursor:pointer}.logout-button:hover{background:#f5f5f5}.search-section{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:16px;border-radius:8px;background:#f7f9fb;margin-bottom:20px}.search-field,.search-input-group{display:flex;flex-direction:column;gap:4px}.search-section label{font-size:12px;color:#666}.search-section input,.search-section select{padding:6px 8px;border-radius:4px;border:1px solid #ddd;min-width:220px}.btn-primary{padding:8px 16px;border-radius:4px;border:none;background:#1677ff;color:#fff;cursor:pointer}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#145ed8}.link-button{padding:6px 10px;border-radius:4px;border:1px solid #1677ff;background:#e6f0ff;color:#1677ff;cursor:pointer}.link-button:hover{background:#d0e3ff}.error-text{color:#d4380d;font-size:12px}.user-cards{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:16px;margin-bottom:24px}.user-card,.vip-card{border-radius:8px;border:1px solid #eee;padding:12px 16px;background:#fff}.user-card h3{margin:0 0 8px}.user-row,.vip-row{display:flex;font-size:13px;margin:2px 0}.user-row .label,.vip-row .label{color:#888;min-width:96px}.vip-card.empty{color:#999}.subscription-overview-list{list-style:none;padding:0;margin:0;font-size:12px}.subscription-overview-list li{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0;border-bottom:1px solid #f0f0f0}.subscription-overview-list li:last-child{border-bottom:none}.subscription-overview-list .sub-id{font-family:monospace;color:#666}.user-card .hint{margin-top:8px;font-size:12px;color:#888}.timeline-section{margin-bottom:24px}.timeline-section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #eee;border-radius:8px;background:#fafafa;cursor:pointer;-webkit-user-select:none;user-select:none}.timeline-section-header:hover{background:#f2f4f6}.timeline-section-header:focus-visible{outline:2px solid #1677ff;outline-offset:2px}.timeline-section-title{margin:0;font-size:16px;font-weight:600}.timeline-section-count{font-weight:400;color:#666;font-size:14px}.timeline-section-toggle{font-size:13px;color:#1677ff}.timeline-section .timeline-list,.timeline-section .empty{margin-top:12px}.timeline-list{list-style:none;padding:0;margin:8px 0 0}.timeline-item{border-left:3px solid #e5e7eb;padding-left:12px;margin-left:4px;margin-bottom:12px}.timeline-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}.timeline-meta .time{color:#666}.badge{padding:2px 6px;border-radius:4px;font-size:11px;text-transform:uppercase}.timeline-order .badge{background:#e6f4ff;color:#1677ff}.timeline-receipt_verification .badge{background:#fef3c7;color:#92400e}.timeline-ios_notification .badge{background:#dcfce7;color:#166534}.summary{font-weight:500}.timeline-actions{margin-top:4px;font-size:12px}.timeline-actions details{margin-bottom:4px}.payload-json{background:#0f172a;color:#e5e7eb;padding:8px;border-radius:4px;max-height:260px;overflow:auto}.btn-link{padding:0;border:none;background:none;color:#1677ff;cursor:pointer}.btn-link:hover{text-decoration:underline}.empty{padding:16px;text-align:center;color:#888}.loading{padding:16px;text-align:center}.tabs-section{border-radius:8px;border:1px solid #eee;background:#fff}.tabs-header{display:flex;border-bottom:1px solid #eee}.tab{flex:1;padding:10px 12px;border:none;background:#fafafa;cursor:pointer}.tab.active{background:#fff;border-bottom:2px solid #1677ff;font-weight:500}.tabs-content{padding:12px}.simple-table{width:100%;border-collapse:collapse;font-size:13px}.simple-table th,.simple-table td{border:1px solid #eee;padding:6px 8px;text-align:left}.simple-table th{background:#fafafa}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;font-size:12px}.pagination button{padding:4px 8px;border-radius:4px;border:1px solid #ddd;background:#fff;cursor:pointer}.pagination button:disabled{opacity:.6;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}