body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.checkin-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:20px}.checkin-card{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:40px;width:100%}.checkin-header{margin-bottom:40px;text-align:center}.icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.checkin-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 10px}.checkin-form{margin-bottom:30px}.input-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-checkin{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all .3s;width:100%}.btn-checkin:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-checkin:active:not(:disabled){transform:translateY(0)}.btn-checkin:disabled{cursor:not-allowed;opacity:.6}.checkin-footer{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea2e;border-radius:12px;margin-top:24px;padding:14px 18px;text-align:center}.checkin-footer p{color:#5b6bd6;font-size:13px;font-weight:500;margin:0}@media (max-width:768px){.checkin-container{min-height:50vh;padding:15px 10px}.checkin-card{padding:25px 20px}.checkin-header h2{font-size:24px}.icon-wrapper{height:60px;width:60px}.input-wrapper input{font-size:16px}}@media (max-width:480px){.checkin-container{padding:10px 5px}.checkin-card{border-radius:12px;padding:20px 15px}.checkin-header{margin-bottom:30px}.checkin-header h2{font-size:20px}.icon-wrapper{height:50px;margin-bottom:15px;width:50px}.subtitle{font-size:12px}.input-group label{font-size:13px}.input-wrapper input{font-size:16px;padding:12px 12px 12px 40px}.btn-checkin{font-size:14px;padding:14px}.checkin-footer p{font-size:11px}}.checkout-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:20px}.checkout-card{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:40px;width:100%}.checkout-header{margin-bottom:40px;text-align:center}.icon-wrapper{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;box-shadow:0 4px 15px #f5576c66;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.checkout-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 10px}.subtitle{color:#7f8c8d;margin:0}.checkout-form{margin-bottom:30px}.input-group{margin-bottom:25px}.input-group label{color:#34495e;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#95a5a6;left:15px;pointer-events:none;position:absolute}.input-wrapper input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;padding:15px 15px 15px 45px;transition:all .3s;width:100%}.input-wrapper input:focus{background:#fff;border-color:#f5576c;box-shadow:0 0 0 3px #f5576c1a;outline:none}.input-wrapper input:disabled{background:#f0f0f0;cursor:not-allowed}.btn-checkout{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;box-shadow:0 4px 15px #f5576c66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all .3s;width:100%}.btn-checkout:hover:not(:disabled){box-shadow:0 6px 20px #f5576c80;transform:translateY(-2px)}.btn-checkout:active:not(:disabled){transform:translateY(0)}.btn-checkout:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.message{animation:fadeIn .3s ease-out;border-radius:8px;font-size:14px;margin-top:20px;padding:12px 16px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.checkout-footer{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea2e;border-radius:12px;margin-top:24px;padding:14px 18px;text-align:center}.checkout-footer p{color:#5b6bd6;font-size:13px;font-weight:500;margin:0}@media (max-width:768px){.checkout-container{min-height:50vh;padding:15px 10px}.checkout-card{padding:25px 20px}.checkout-header h2{font-size:24px}.icon-wrapper{height:60px;width:60px}.input-wrapper input{font-size:16px}}@media (max-width:480px){.checkout-container{padding:10px 5px}.checkout-card{border-radius:12px;padding:20px 15px}.checkout-header{margin-bottom:30px}.checkout-header h2{font-size:20px}.icon-wrapper{height:50px;margin-bottom:15px;width:50px}.subtitle{font-size:12px}.input-group label{font-size:13px}.input-wrapper input{font-size:16px;padding:12px 12px 12px 40px}.btn-checkout{font-size:14px;padding:14px}.checkout-footer p{font-size:11px}}.booking-admin{margin:auto;max-width:1100px;padding:24px}.booking-admin-actions,.booking-admin-card-title,.booking-admin-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.booking-admin-filters{margin:20px 0}.booking-admin-filters label{grid-gap:6px;display:grid;gap:6px}.booking-admin button,.booking-admin input,.booking-admin select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#172033;font:inherit;padding:10px 14px}.booking-admin button{cursor:pointer;font-weight:600}.booking-admin button:disabled{cursor:not-allowed;opacity:.5}.booking-admin-list{grid-gap:16px;display:grid;gap:16px}.booking-admin-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#172033;padding:20px}.booking-admin-card-title{justify-content:space-between}.booking-admin-card h2{font-size:18px;margin:0}.booking-admin-card dl{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.booking-admin-card dt{color:#526176;font-size:13px}.booking-admin-card dd{margin:4px 0 0;overflow-wrap:anywhere}.booking-admin-status{background:#fef3c7;border-radius:20px;padding:6px 10px}.booking-admin-status.confirmed{background:#dcfce7}.booking-admin-status.cancelled{background:#fee2e2}.booking-admin-warning{background:#fef3c7;border-radius:8px;color:#713f12;padding:12px}.booking-admin-error{background:#fee2e2;border-radius:8px;color:#991b1b;padding:12px}@media (max-width:640px){.booking-admin{padding:16px}.booking-admin-card dl{grid-template-columns:1fr}}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast{align-items:center;animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 10px 40px #0003;cursor:pointer;display:flex;justify-content:space-between;max-width:500px;min-width:300px;padding:16px 20px;pointer-events:auto;transition:all .3s}.toast:hover{box-shadow:0 12px 50px #00000040;transform:translateX(-5px)}.toast-success{border-left-color:#27ae60}.toast-error{border-left-color:#e74c3c}.toast-info{border-left-color:#3498db}.toast-content{align-items:center;display:flex;flex:1 1;gap:12px}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{color:#2c3e50;font-size:14px;font-weight:500;line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;margin-left:12px;padding:0;transition:all .3s;width:24px}.toast-close:hover{background:#f0f0f0;color:#2c3e50}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.toast-container{left:10px;right:10px;top:10px}.toast{max-width:100%;min-width:auto}}.admin-container{margin:0 auto;max-width:1400px;padding:20px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.admin-header h2{color:#2c3e50;margin:0}.form-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:25px}.form-container h3{color:#2c3e50;margin-top:0}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-group label{color:#555}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#3498db;outline:none}.input-with-button{display:flex;gap:10px}.input-with-button input{flex:1 1}.btn-generate{background:#95a5a6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;white-space:nowrap}.btn-generate:hover{background:#7f8c8d}.form-actions{margin-top:20px}.employees-table{border-collapse:collapse;width:100%}.employees-table thead{background:#34495e;color:#fff}.employees-table th{font-weight:600;padding:15px;text-align:left}.employees-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.employees-table tbody tr:hover{background-color:#f8f9fa}.employees-table td{padding:12px 15px}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#229954}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-sm{font-size:12px;margin-right:5px;padding:6px 12px}@media (max-width:768px){.admin-container{padding:15px 10px}.admin-header{align-items:stretch;flex-direction:column;gap:15px}.admin-header h2{font-size:22px}.form-row{grid-template-columns:1fr}.form-container{padding:20px 15px}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.employees-table{font-size:12px;min-width:800px}.employees-table td,.employees-table th{padding:8px 6px}.btn-sm{font-size:11px;padding:5px 8px}}@media (max-width:480px){.admin-container{padding:10px 5px}.admin-header h2{font-size:18px}.form-container{padding:15px 10px}.form-container h3{font-size:18px}.form-group label{font-size:13px}.form-group input,.form-group select{font-size:14px;padding:8px}.input-with-button{flex-direction:column;gap:8px}.btn-generate{padding:8px;width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.employees-table{font-size:11px;min-width:700px}.employees-table td,.employees-table th{padding:6px 4px}.status-badge{font-size:10px;padding:3px 8px}.btn-sm{font-size:10px;margin-right:3px;padding:4px 6px}}.salary-container{display:flex;justify-content:center;padding:20px}.salary-card{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:600px;padding:40px;width:100%}.salary-card h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 30px;text-align:center}.salary-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#34495e}.form-group input{background:#f8f9fa;border:2px solid #e0e0e0;font-size:16px;padding:12px;transition:all .3s}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row{grid-gap:15px;gap:15px;grid-template-columns:1fr 1fr}.btn-calculate{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;box-shadow:0 4px 15px #f5576c66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s}.btn-calculate:hover:not(:disabled){box-shadow:0 6px 20px #f5576c80;transform:translateY(-2px)}.btn-calculate:disabled{cursor:not-allowed;opacity:.6}.error-message{animation:fadeIn .3s ease-out;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:14px;padding:12px 16px}.salary-result{animation:fadeIn .3s ease-out;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;margin-top:30px;padding:25px}.salary-result h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px}.result-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 0}.result-item:last-child{border-bottom:none}.result-item.total{border-bottom:none;border-top:2px solid #667eea;margin-top:15px;padding-top:20px}.result-divider{background:#e5e7eb;height:1px;margin:12px 0}.result-item.expense{color:#dc2626}.result-item.final{border-top:2px solid #e5e7eb;color:#059669;font-size:20px;font-weight:700;margin-top:15px;padding-top:8px}.expense-details{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:12px;padding:12px}.expense-details h4{color:#991b1b;font-size:14px;margin:0 0 8px}.expense-details ul{list-style:none;margin:0;padding-left:20px}.expense-details li{color:#7f1d1d;font-size:13px;margin:4px 0}.expense-details .expense-category{font-weight:600}.expense-details .expense-amount{color:#dc2626;font-weight:600;margin-left:8px}.expense-details .expense-amount.refund{color:#16a34a}.expense-details .expense-desc{color:#991b1b;font-style:italic;margin-left:8px}.result-item.total .label{color:#2c3e50;font-size:18px;font-weight:600}.result-item.total .value{color:#667eea;font-size:24px;font-weight:700}.result-item .label{color:#7f8c8d;font-size:14px}.result-item .value{color:#2c3e50;font-size:16px;font-weight:600}@media (max-width:768px){.salary-container{padding:15px 10px}.salary-card{padding:25px 20px}.salary-card h2{font-size:24px}.form-row{grid-template-columns:1fr}.form-group input{font-size:16px}.result-item{align-items:flex-start;flex-direction:column;gap:5px}.result-item.total .value{font-size:20px}}.salary-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.salary-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.salary-modal-header{align-items:center;background:#fff;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.salary-modal-header h3{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.salary-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .3s;width:32px}.salary-modal-close:hover{background:#f0f0f0;color:#2c3e50}.salary-modal-body{padding:30px}@media (max-width:768px){.salary-modal-content{max-height:95vh;max-width:95%}.salary-modal-header{padding:15px 20px}.salary-modal-header h3{font-size:20px}.salary-modal-body{padding:20px}}@media (max-width:480px){.salary-container{padding:10px 5px}.salary-card{border-radius:12px;padding:20px 15px}.salary-card h2{font-size:20px}.form-group label{font-size:13px}.form-group input{font-size:16px;padding:10px}.btn-calculate{font-size:14px;padding:14px}.salary-result{padding:20px 15px}.salary-result h3{font-size:18px}.result-item{padding:10px 0}.result-item.total{padding-top:15px}.result-item.total .label{font-size:16px}.result-item.total .value{font-size:20px}.result-item .label{font-size:13px}.result-item .value{font-size:15px}.salary-modal-overlay{padding:10px}.salary-modal-content{border-radius:12px;max-height:100vh;max-width:100%}.salary-modal-header{padding:12px 15px}.salary-modal-header h3{font-size:18px}.salary-modal-body{padding:15px}}.expense-container{margin:0 auto;max-width:1200px;padding:20px}.expense-header{margin-bottom:20px}.expense-header h2{color:#111827;margin:0}.expense-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;margin-bottom:20px;padding:12px}.expense-form-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:20px}.expense-form-section h3{color:#111827;margin-bottom:16px;margin-top:0}.form-row{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.form-group label{margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-hint{color:#6b7280;display:block;font-size:12px;font-style:italic;margin-top:4px}.form-actions{gap:10px;margin-top:16px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-submit{background:#6366f1}.btn-submit:hover{background:#4f46e5}.btn-cancel{background:#e5e7eb;color:#111827}.btn-cancel:hover{background:#d1d5db}.expense-list-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px}.expense-list-section h3{color:#111827;margin-bottom:16px;margin-top:0}.filter-section{margin-bottom:16px}.filter-section input,.filter-section select{padding:8px 12px}.expense-table{overflow-x:auto}.expense-table table{border-collapse:collapse;width:100%}.btn-delete,.btn-edit{border:none;border-radius:6px;cursor:pointer;font-size:13px;margin-right:6px;padding:6px 12px;transition:all .2s}.btn-edit{background:#3b82f6}.btn-edit:hover{background:#2563eb}.empty-state,.loading{padding:40px}.expense-modal{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.expense-modal-content{background:#fff;border-radius:12px;max-width:400px;padding:20px;width:90%}.expense-modal-content h4{color:#111827;margin:0 0 12px}.expense-modal-content p{color:#6b7280;margin:0 0 20px}.expense-modal-actions{display:flex;gap:10px;justify-content:flex-end}@media (max-width:768px){.expense-container{padding:10px}.form-row{grid-template-columns:1fr}.expense-table{font-size:13px}.expense-table td,.expense-table th{padding:8px}}.attendance-container{margin:0 auto;max-width:1400px;padding:20px}.attendance-header{margin-bottom:30px}.attendance-header h2{color:#2c3e50;font-size:28px;margin:0}.search-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px}.search-form{display:flex;flex-direction:column;gap:15px}.search-group{flex:1 1}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px;transition:all .3s;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.date-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.date-group{display:flex;flex-direction:column;gap:5px}.date-group label{color:#555;font-size:14px;font-weight:500}.date-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px;transition:all .3s}.date-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-reset,.btn-search{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-search{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-search:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-reset{background:#95a5a6;color:#fff}.btn-reset:hover{background:#7f8c8d}.loading{font-size:16px}.table-container{border-radius:8px}.attendance-table{border-collapse:collapse;width:100%}.attendance-table thead{background:#34495e;color:#fff}.attendance-table th{font-size:14px;font-weight:600;padding:15px;text-align:left}.attendance-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.attendance-table tbody tr:hover{background-color:#f8f9fa}.attendance-table td{font-size:14px;padding:12px 15px}.empty-state{color:#999}.edit-input{border:2px solid #667eea;border-radius:4px;font-size:13px;max-width:200px;padding:8px;width:100%}.edit-input:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-cancel,.btn-edit,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-right:5px;padding:6px 12px;transition:all .3s}.btn-edit{background:#f39c12;color:#fff}.btn-edit:hover{background:#e67e22}.btn-save{background:#27ae60}.btn-save:hover{background:#229954}.btn-cancel{background:#e74c3c;color:#fff}.btn-cancel:hover{background:#c0392b}.attendance-container .date-group input{background:#1a2035;border-color:#2d3443;color:#f1f5f9;color-scheme:dark}.attendance-container .date-group input:focus{border-color:#34d399;box-shadow:0 0 0 3px #34d39926}.attendance-container .table-container{background:#161b27;border:1px solid #2d3443;box-shadow:0 1px 2px #0000004d}.attendance-container .attendance-table thead{background:#1a2035;color:#94a3b8}.attendance-container .attendance-table tbody tr,.attendance-container .attendance-table th{border-bottom:1px solid #2d3443}.attendance-container .attendance-table td{color:#f1f5f9}.attendance-container .attendance-table tbody tr:hover{background-color:#34d39929}.attendance-container .empty-state,.attendance-container .loading{color:#94a3b8}@media (max-width:768px){.attendance-container{padding:15px 10px}.attendance-header h2{font-size:22px}.search-section{padding:15px}.date-filters{align-items:stretch;flex-direction:column;gap:10px}.date-group{width:100%}.date-group input{font-size:16px;width:100%}.btn-reset,.btn-search{padding:12px;width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.attendance-table{font-size:12px;min-width:700px}.attendance-table td,.attendance-table th{padding:8px 6px}.edit-input{font-size:14px;max-width:100%}.btn-cancel,.btn-edit,.btn-save{font-size:11px;padding:5px 8px}}@media (max-width:480px){.attendance-container{padding:10px 5px}.attendance-header h2{font-size:18px}.search-section{padding:12px}.search-input{font-size:16px;padding:10px}.date-group label{font-size:12px}.date-group input{padding:8px}.btn-reset,.btn-search{font-size:13px;padding:10px}.attendance-table{font-size:11px;min-width:600px}.attendance-table td,.attendance-table th{padding:6px 4px}.edit-input{font-size:13px;padding:6px}.btn-cancel,.btn-edit,.btn-save{font-size:10px;margin-right:3px;padding:4px 6px}}.start-container{align-items:center;display:flex;justify-content:center;padding:24px}.start-card{background:#0e1117;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 30px #00000040;color:#ecf0f1;max-width:400px;padding:24px;width:100%}.start-card h2{margin:0 0 8px}.start-card p{color:#bdc3c7;margin:0 0 16px}.mode-switch{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.mode-switch button{background:#1f2937;border:1px solid #ffffff14;border-radius:10px;color:#e5e7eb;cursor:pointer;padding:10px;width:100%}.mode-switch button.active{background:linear-gradient(135deg,#4ade80,#22c55e);color:#0f172a;font-weight:700}.start-card .input-group{margin-bottom:12px}.start-card label{color:#bdc3c7;display:block;margin-bottom:6px}.start-card input{background:#1a1f2a;border:1px solid #ffffff14;border-radius:10px;color:#ecf0f1;padding:10px 12px;width:100%}.start-card input:focus{border-color:#4ade80;outline:2px solid #4ade80}.start-card button{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:700;margin-top:8px;padding:12px;width:100%}.start-card button:disabled{cursor:not-allowed;opacity:.6}.start-card .message.error{background:#ef44441f;border:1px solid #ef444466;border-radius:10px;color:#fca5a5;margin-top:8px;padding:10px}.start-card .hint{color:#94a3b8;display:block;font-size:12px;margin-top:8px}.my-att-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:16px}.my-att-header{gap:10px;justify-content:space-between;margin-bottom:12px}.my-att-actions,.my-att-header{align-items:center;display:flex}.my-att-actions{gap:8px}.my-att-actions input[type=month]{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px}.my-att-actions button{background:#4ade80;border:none;border-radius:8px;color:#0f172a;cursor:pointer;font-weight:600;padding:8px 12px}.my-att-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;margin-bottom:10px;padding:8px}.my-att-grid{overflow-x:auto;padding-bottom:6px}.my-att-grid-inner{grid-gap:6px;display:grid;gap:6px;grid-auto-columns:minmax(90px,1fr);grid-auto-flow:column}.my-att-grid-day{background:#f3f4f6;border-radius:8px;font-weight:700;margin-bottom:6px;padding:6px 4px;text-align:center;white-space:nowrap}.my-att-grid-cell{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;min-height:100px;padding:6px;width:100%}.my-att-shift{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;margin-bottom:6px;padding:6px 8px;transition:box-shadow .2s ease}.my-att-shift:hover{box-shadow:0 2px 8px #00000014}.shift-time{color:#111827;font-size:13px}.my-att-empty-cell{color:#9ca3af;cursor:pointer;font-size:12px;padding:10px;text-align:center;transition:background .2s}.my-att-empty-cell:hover{background:#f3f4f6;border-radius:8px}.add-shift-btn{background:#4ade80;border:none;color:#fff;display:inline-flex;font-size:20px;height:32px;width:32px}.add-shift-btn:hover{background:#22c55e;transform:scale(1.1)}.daily-hours{background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;color:#1e40af;font-size:12px;margin-top:8px;padding:6px 8px;text-align:center}.daily-hours strong{font-weight:600}.my-att-container{background:#161b27;border:1px solid #2d3443}.my-att-header h2,.my-att-header h3{color:#f1f5f9}.my-att-actions input[type=month]{background:#1a2035;border-color:#2d3443;color:#f1f5f9;color-scheme:dark}.my-att-grid-day{background:#1a2035;color:#94a3b8}.my-att-grid-cell{background:#161b27;border-color:#2d3443}.my-att-shift{background:#1a2035;border-color:#2d3443}.my-att-shift .shift-time{color:#f1f5f9}.my-att-empty-cell{color:#94a3b8}.my-att-empty-cell:hover{background:#1a2035}.daily-hours{background:#34d39929;border-color:#34d399;color:#6ee7b7}.my-att-modal{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.my-att-modal-content{background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:8px;max-width:420px;padding:16px;width:90%}.my-att-modal-content input{border:1px solid #e5e7eb;border-radius:10px;padding:10px}.my-att-modal-actions{display:flex;gap:8px;justify-content:space-between;margin-top:8px}.my-att-modal-actions button{border:none;border-radius:8px;cursor:pointer;padding:8px 12px}.my-att-modal-actions button.ghost{background:#e5e7eb;color:#111827}.my-att-modal-actions button:not(.ghost):not(.delete-btn){background:#6366f1;color:#fff}.my-att-modal-actions button.delete-btn{background:#ef4444;color:#fff}.my-att-modal-actions button.delete-btn:hover{background:#dc2626}.admin-schedule-container{max-width:100%;overflow-x:auto;padding:20px}.admin-schedule-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.admin-schedule-header h2{color:#111827;margin:0}.month-controls{align-items:center;display:flex;gap:10px}.month-controls button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.month-controls button:hover{background:#f3f4f6;border-color:#6366f1}.month-range{color:#374151;font-size:16px;font-weight:600;padding:8px 12px}.admin-schedule-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;margin-bottom:20px;padding:12px}.admin-schedule-loading{color:#6b7280;padding:40px;text-align:center}.schedule-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;max-width:100%;overflow-x:auto;overflow-y:visible;position:relative}.schedule-table{border-collapse:collapse;min-width:-webkit-max-content;min-width:max-content;table-layout:auto;width:100%}.schedule-table th{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:center}.schedule-table th.employee-col{min-width:150px}.schedule-table th.day-col{max-width:100px;min-width:80px;width:80px}.day-header{display:flex;flex-direction:column;gap:4px}.day-name{color:#111827;font-size:14px;font-weight:600}.day-date{color:#6b7280;font-size:12px}.schedule-table td{border:1px solid #e5e7eb;padding:8px;text-align:center;vertical-align:middle}.schedule-table td.employee-cell{background:#f9fafb;min-width:150px;padding:12px;text-align:left;z-index:10}.schedule-table td.employee-cell,.schedule-table th.employee-col{box-shadow:2px 0 4px #0000001a;left:0;position:-webkit-sticky;position:sticky}.schedule-table th.employee-col{z-index:20}.employee-info{display:flex;flex-direction:column;gap:4px}.employee-name{color:#111827;font-size:14px;font-weight:600}.employee-code{color:#6b7280;font-size:12px}.schedule-table td.shift-cell{background:#fafafa;border-color:#d1d5db;border-style:dashed;cursor:pointer;min-height:60px;transition:all .2s}.schedule-table td.shift-cell:hover{background:#f3f4f6;border-color:#6366f1}.schedule-table td.shift-cell.has-record{background:#dbeafe;border-color:#3b82f6;border-style:solid}.shifts-list{align-items:center;display:flex;flex-direction:column;gap:4px}.shift-item{background:#3b82f61a;border-radius:4px;cursor:pointer;padding:4px;transition:all .2s;width:100%}.shift-item:hover{background:#3b82f633}.shift-time{color:#1e40af;display:flex;flex-direction:column;font-size:11px;gap:2px}.time-in{font-weight:600}.time-out{color:#1e3a8a;font-weight:500}.add-shift-btn{align-items:center;background:#0000;border:1px dashed #6366f1;border-radius:50%;color:#6366f1;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;margin-top:4px;transition:all .2s;width:24px}.add-shift-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff}.empty-cell{color:#9ca3af;cursor:pointer;font-size:20px;font-weight:300;transition:all .2s}.empty-cell:hover{color:#6366f1;font-weight:600}.schedule-modal{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.schedule-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:24px;width:90%}.schedule-modal-content h3{color:#111827;margin:0 0 20px}.modal-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:8px}.form-group label{color:#374151;font-weight:500}.form-group input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 12px}.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-save{background:#6366f1}.btn-save:hover{background:#4f46e5}.btn-delete{background:#ef4444}.btn-delete:hover{background:#dc2626}.modal-actions button:disabled{cursor:not-allowed;opacity:.6}.admin-schedule-container .month-controls button{background:#1a2035;border-color:#2d3443;color:#f1f5f9}.admin-schedule-container .month-controls button:hover{background:#161b27;border-color:#34d399}.admin-schedule-container .month-range{color:#f1f5f9}.admin-schedule-container .schedule-table-wrapper{background:#161b27;border:1px solid #2d3443;box-shadow:0 1px 2px #0000004d}.admin-schedule-container .schedule-table th{background:#1a2035;border-color:#2d3443;color:#94a3b8}.admin-schedule-container .day-name{color:#f1f5f9}.admin-schedule-container .day-date{color:#94a3b8}.admin-schedule-container .schedule-table td{border-color:#2d3443;color:#f1f5f9}.admin-schedule-container .schedule-table td.employee-cell{background:#1a2035;box-shadow:2px 0 4px #0006}.admin-schedule-container .schedule-table th.employee-col{box-shadow:2px 0 4px #0006}.admin-schedule-container .employee-name{color:#f1f5f9}.admin-schedule-container .employee-code{color:#94a3b8}.admin-schedule-container .schedule-table td.shift-cell{background:#161b27;border-color:#2d3443}.admin-schedule-container .schedule-table td.shift-cell:hover{background:#1a2035;border-color:#34d399}.admin-schedule-container .schedule-table td.shift-cell.has-record{background:#34d39929;border-color:#34d399}.admin-schedule-container .shift-item{background:#34d3991f}.admin-schedule-container .shift-item:hover{background:#34d39938}.admin-schedule-container .schedule-table .shift-time{color:#6ee7b7}.admin-schedule-container .schedule-table .time-out{color:#34d399}.admin-schedule-container .empty-cell{color:#94a3b8}.admin-schedule-container .empty-cell:hover{color:#34d399}.admin-schedule-container .admin-schedule-loading{color:#94a3b8}@media (max-width:768px){.admin-schedule-container{padding:10px}.admin-schedule-header{align-items:flex-start;flex-direction:column}.schedule-table{font-size:12px}.schedule-table td,.schedule-table th{padding:6px}}.my-expense-container{margin:0 auto;max-width:1000px;padding:20px}.my-expense-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.my-expense-header h2{color:#111827;margin:0}.my-expense-filters{align-items:center;display:flex;gap:10px}.filter-input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:8px 12px;width:100px}.filter-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.my-expense-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;margin-bottom:20px;padding:12px}.my-expense-empty,.my-expense-loading{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#6b7280;padding:40px;text-align:center}.my-expense-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:8px;padding:20px}.summary-label{color:#6b7280;font-size:14px;font-weight:500}.summary-value{color:#dc2626;font-size:24px;font-weight:700}.summary-value.expense{color:#dc2626}.summary-value.refund{color:#16a34a}.my-expense-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.expense-table{border-collapse:collapse;width:100%}.expense-table th{background:#f3f4f6;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left}.expense-table td{border-bottom:1px solid #e5e7eb;padding:12px}.expense-table td.amount{color:#dc2626;font-weight:600}.expense-table td.amount.refund{color:#16a34a}.expense-table td.amount.expense{color:#dc2626}.type-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 8px}.type-badge.expense{background:#fef2f2;color:#b91c1c}.type-badge.refund{background:#ecfdf3;color:#15803d}.expense-table tr:hover{background:#f9fafb}.expense-table tr:last-child td{border-bottom:none}@media (max-width:768px){.my-expense-container{padding:10px}.my-expense-header{align-items:flex-start;flex-direction:column}.my-expense-filters{width:100%}.filter-input{flex:1 1}.my-expense-summary{grid-template-columns:1fr}.expense-table{font-size:13px}.expense-table td,.expense-table th{padding:8px}}.errorlog-container{margin:0 auto;max-width:1100px;padding:20px}.errorlog-header h2{color:#111827;margin:0 0 16px}.errorlog-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;margin-bottom:16px;padding:12px}.errorlog-form-section,.errorlog-list-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:16px}.errorlog-form-section h3,.errorlog-list-section h3{margin:0 0 12px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 12px}.form-group textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end}.btn-submit{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 16px}.btn-submit:hover{background:#1d4ed8}.filter-section{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.filter-section input,.filter-section select{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:8px 10px}.errorlog-table{overflow-x:auto}.errorlog-table table{border-collapse:collapse;width:100%}.errorlog-table th{background:#f3f4f6;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left}.errorlog-table td{border-bottom:1px solid #e5e7eb;padding:12px}.btn-delete{background:#dc2626;font-size:13px}.btn-delete:hover{background:#b91c1c}.empty-state,.loading{color:#6b7280;padding:32px;text-align:center}@media (max-width:768px){.errorlog-container{padding:10px}.form-row{grid-template-columns:1fr}.errorlog-table table{font-size:13px}.errorlog-table td,.errorlog-table th{padding:8px}}.create-bill-container{margin:0 auto;max-width:800px;padding:20px}.create-bill-header{margin-bottom:30px}.create-bill-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.create-bill-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.form-group{margin-bottom:25px}.form-input,.form-textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px;transition:all .3s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#667eea;outline:none}.form-textarea{min-height:100px;resize:vertical}.btn-save-bill{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s;width:100%}.btn-save-bill:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-save-bill:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.create-bill-container{padding:12px}.create-bill-header h2{font-size:22px}.create-bill-form{padding:20px}.form-group{margin-bottom:20px}.form-input,.form-textarea{font-size:16px;padding:10px}.btn-save-bill{font-size:16px;min-height:50px;padding:14px}}.bill-list-container{margin:0 auto;max-width:1200px;padding:20px}.bill-list-header{margin-bottom:20px}.bill-list-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.bill-list-filters{align-items:flex-end;background:#161b27;background:var(--ad-card,#161b27);border:1px solid #2d3443;border:1px solid var(--ad-border,#2d3443);border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px;padding:16px 18px}.bill-list-filters .filter-group{background:#0000!important;border:none!important;display:flex;flex-direction:column;gap:6px;min-width:150px;padding:0!important}.filter-group label{color:#9ca3af;color:var(--ad-muted,#9ca3af);font-size:13px;font-weight:600}.filter-group input,.filter-group select{border:1px solid #2d3443;border:1px solid var(--ad-border,#2d3443);border-radius:8px;font-size:14px;min-height:42px;padding:10px 12px}.btn-filter{background:var(--ad-accent,#667eea);min-height:42px;padding:0 22px;transition:filter .2s}.btn-filter:hover{filter:brightness(1.12)}.bill-total-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;margin-bottom:20px;padding:20px 30px}.total-summary-content{align-items:center;display:flex;justify-content:space-between}.total-summary-label{color:#fff;font-size:20px;font-weight:600}.total-summary-amount{color:#fff;font-size:28px;font-weight:700}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.bills-table{border-collapse:collapse;width:100%}.bills-table thead{background:#f8f9fa}.bills-table th{border-bottom:2px solid #dee2e6;color:#2c3e50;font-weight:600;padding:15px;text-align:left}.bills-table td{border-bottom:1px solid #e0e0e0;padding:15px}.bills-table tbody tr:hover{background:#f8f9fa}.btn-view{font-size:14px;font-weight:500;padding:8px 16px}.bill-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.bill-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.bill-modal-header{align-items:center;background:#fff;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.bill-modal-header h3{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.bill-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .3s;width:32px}.bill-modal-close:hover{background:#f0f0f0;color:#2c3e50}.bill-modal-body{padding:30px}.bill-info{border-bottom:2px solid #e0e0e0;margin-bottom:25px;padding-bottom:20px}.info-item{display:flex;justify-content:space-between;margin-bottom:10px}.info-label{color:#7f8c8d;font-weight:500}.info-value{color:#2c3e50;font-weight:600}.bill-items h4{color:#2c3e50;font-size:18px;margin:0 0 15px}.bill-items-table{border-collapse:collapse;margin-bottom:20px;width:100%}.bill-items-table thead{background:#f8f9fa}.bill-items-table th{border-bottom:2px solid #dee2e6;color:#2c3e50;font-size:14px;font-weight:600;padding:12px;text-align:left}.bill-items-table td{border-bottom:1px solid #e0e0e0;padding:12px}.bill-total{border-top:2px solid #dee2e6;margin-top:20px;padding-top:20px}.bill-total-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.bill-total-row.final-total-row{background:#f8f9fa;border-radius:8px;border-top:3px solid #667eea;margin-top:15px;padding:20px}.total-label{color:#2c3e50;font-size:20px;font-weight:600}.total-value{color:#27ae60;font-size:24px;font-weight:700}@media (max-width:768px){.bill-list-filters{align-items:stretch;flex-direction:column}.bill-modal-content{max-height:95vh;max-width:95%}.bill-modal-header{padding:15px 20px}.bill-modal-body{padding:20px}}.statistics-container{margin:0 auto;max-width:1200px;padding:20px}.statistics-header{margin-bottom:20px}.statistics-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.statistics-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px}.stat-tab{background:none;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .3s}.stat-tab:hover{background:#f8f9fa;color:#2c3e50}.stat-tab.active{border-bottom-color:#667eea;color:#667eea}.products-stats-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.stats-filters{align-items:flex-end;display:flex;gap:15px;margin-bottom:20px}.products-stats-table{border-collapse:collapse;width:100%}.products-stats-table thead{background:#f8f9fa}.products-stats-table th{border-bottom:2px solid #dee2e6;color:#2c3e50;font-weight:600;padding:15px;text-align:left}.products-stats-table td{border-bottom:1px solid #e0e0e0;padding:15px}.products-stats-table tbody tr:hover{background:#f8f9fa}@media (max-width:768px){.stats-filters{align-items:stretch;flex-direction:column}.statistics-tabs{flex-wrap:wrap}}.money-check-container{margin:0 auto;max-width:1400px;padding:20px}.money-check-header{margin-bottom:30px}.money-check-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.money-check-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.money-check-form h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;transition:all .3s;width:100%}.form-input:focus{border-color:#667eea;outline:none}.btn-add-expense{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-left:10px;padding:6px 12px;transition:all .3s}.btn-add-expense:hover{background:#229954}.expense-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.expense-description{border:2px solid #e0e0e0;border-radius:8px;flex:2 1;font-size:14px;padding:10px}.expense-amount,.expense-type{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;padding:10px}.btn-remove-expense{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:10px 15px;transition:all .3s}.btn-remove-expense:hover{background:#c0392b}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s;width:100%}.btn-save:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.money-check-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.money-check-list h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px}.filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#34495e;font-size:14px;font-weight:500;margin-bottom:5px}.filter-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px}.btn-filter{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:10px 20px;transition:all .3s}.btn-filter:hover{background:#5568d3}.loading{color:#7f8c8d;padding:40px;text-align:center}.table-container{overflow-x:auto}.money-check-table{border-collapse:collapse;width:100%}.money-check-table thead{background:#f8f9fa}.money-check-table th{border-bottom:2px solid #dee2e6;color:#2c3e50;font-weight:600;padding:15px;text-align:left}.money-check-table td{border-bottom:1px solid #e0e0e0;padding:15px}.money-check-table tbody tr:hover{background:#f8f9fa}.empty-state{color:#7f8c8d;padding:40px;text-align:center}.btn-delete{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s}.btn-delete:hover{background:#c0392b}.btn-view{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s}.btn-view:hover{background:#5568d3}.money-check-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.money-check-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.money-check-modal-header{align-items:center;background:#fff;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.money-check-modal-header h3{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.money-check-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .3s;width:32px}.money-check-modal-close:hover{background:#f0f0f0;color:#2c3e50}.money-check-modal-body{padding:30px}.detail-info{border-bottom:2px solid #e0e0e0;margin-bottom:25px;padding-bottom:20px}.detail-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.detail-label{color:#7f8c8d;font-size:14px;font-weight:500}.detail-value{color:#2c3e50;font-size:16px;font-weight:600}.detail-expenses{margin-top:25px}.detail-expenses h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px}.expenses-detail-table{border-collapse:collapse;width:100%}.expenses-detail-table thead{background:#f8f9fa}.expenses-detail-table th{border-bottom:2px solid #dee2e6;color:#2c3e50;font-size:14px;font-weight:600;padding:12px;text-align:left}.expenses-detail-table td{border-bottom:1px solid #e0e0e0;padding:12px}.expenses-detail-table tbody tr:hover{background:#f8f9fa}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.money-check-container{padding:12px}.money-check-form,.money-check-list{padding:20px}.expense-item{align-items:stretch;flex-direction:column}.expense-amount,.expense-description,.expense-type{width:100%}.filters{align-items:stretch;flex-direction:column}.money-check-modal-content{max-height:95vh;max-width:95%}.money-check-modal-header{padding:15px 20px}.money-check-modal-body{padding:20px}.detail-item{align-items:flex-start;flex-direction:column;gap:5px}}.admin-dashboard{margin:0 auto;max-width:1180px;padding:28px}.dashboard-welcome{align-items:center;background:radial-gradient(circle at top right,#f59e0b24,#0000 42%),#161b27;border:1px solid #f59e0b47;border-radius:20px;display:flex;gap:24px;justify-content:space-between;padding:28px}.dashboard-eyebrow{color:#f59e0b;font-size:12px;font-weight:800;letter-spacing:.18em}.dashboard-welcome h1{font-size:clamp(26px,4vw,40px);margin:8px 0 6px}.dashboard-card p,.dashboard-welcome p{color:#9ca3af;margin:0}.role-pill{border-radius:999px;flex:none;font-size:13px;font-weight:800;padding:10px 16px}.role-pill.owner{background:linear-gradient(135deg,#fbbf24,#d97706);color:#140d00}.role-pill.manager{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#eff6ff}.dashboard-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:18px}.dashboard-card{background:#161b27;border:1px solid #2d3443;border-radius:16px;display:flex;gap:14px;min-height:112px;padding:20px}.dashboard-icon{background:#1f2937;border-radius:12px;display:grid;flex:none;font-size:21px;height:42px;place-items:center;width:42px}.dashboard-card h2{font-size:16px;margin:1px 0 6px}.dashboard-card p{font-size:13px;line-height:1.5}.permission-note{background:#2563eb1a;border:1px solid #60a5fa47;border-radius:12px;color:#bfdbfe;font-size:14px;margin-top:18px;padding:14px 16px}@media (max-width:640px){.admin-dashboard{padding:16px}.dashboard-welcome{align-items:flex-start;flex-direction:column;padding:22px}}.point-admin{color:var(--ad-text);margin:0 auto;max-width:1120px;padding:26px}.point-admin-head{align-items:center;display:flex;gap:20px;justify-content:space-between}.point-admin-head h1{margin:0 0 7px}.point-admin-head p{color:var(--ad-muted);margin:0}.point-admin-head>span{background:var(--ad-card);border:1px solid var(--ad-border);border-radius:999px;font-weight:700;padding:8px 12px}.point-admin-tabs{background:var(--ad-card);border:1px solid var(--ad-border);border-radius:12px;display:flex;gap:8px;margin:22px 0;padding:5px;width:-webkit-max-content;width:max-content}.point-admin-tabs button{background:#0000;border:0;border-radius:8px;color:var(--ad-muted);cursor:pointer;font:inherit;font-weight:700;padding:9px 14px}.point-admin-tabs button.active{background:var(--ad-gold);color:#111827}.point-admin-list{grid-gap:16px;display:grid;gap:16px}.point-admin-card{background:var(--ad-card);border:1px solid var(--ad-border);border-radius:16px;display:grid;grid-template-columns:minmax(220px,320px) 1fr;overflow:hidden}.point-admin-card>a{background:#090c11;display:block;min-height:280px}.point-admin-card img{background:#090c11;display:block;height:100%;max-height:420px;object-fit:contain;width:100%}.point-admin-image-missing{background:#090c11;color:var(--ad-muted);display:grid;min-height:260px;place-items:center}.point-admin-info{padding:20px}.point-admin-title{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.point-admin-title h2{margin:0 0 5px}.point-admin-title a{color:#93c5fd}.point-admin-status{background:#f59e0b1f;border-radius:999px;color:#fde68a;flex:none;font-size:12px;font-weight:800;padding:6px 10px}.point-admin-status.approved{background:#22c55e1f;color:#86efac}.point-admin-status.rejected{background:#ef44441f;color:#fca5a5}.point-admin-info dl{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin:20px 0}.point-admin-info dt{color:var(--ad-muted);font-size:12px}.point-admin-info dd{margin:4px 0 0}.point-admin-actions{align-items:end;display:flex;flex-wrap:wrap;gap:9px}.point-admin-actions label{grid-gap:5px;color:var(--ad-muted);display:grid;font-size:12px;gap:5px}.point-admin-actions button,.point-admin-actions input{background:var(--ad-card2);border:1px solid var(--ad-border);border-radius:9px;color:var(--ad-text);font:inherit;min-height:42px;padding:9px 13px}.point-admin-actions input{width:160px}.point-admin-actions button{cursor:pointer;font-weight:800}.point-admin-actions .approve{background:#22c55e;border-color:#22c55e;color:#07140b}.point-admin-actions .reject{background:#7f1d1d33;border-color:#ef444473;color:#fecaca}.point-admin-actions button:disabled{cursor:wait;opacity:.55}.point-admin-error{background:#7f1d1d33;border:1px solid #ef444466;border-radius:10px;color:#fecaca;margin-bottom:16px;padding:12px}.point-admin-empty{border:1px dashed var(--ad-border);border-radius:14px;color:var(--ad-muted);padding:48px;text-align:center}@media (max-width:720px){.point-admin{padding:16px}.point-admin-head{align-items:flex-start}.point-admin-card,.point-admin-info dl{grid-template-columns:1fr}}*{box-sizing:border-box}:root{--ad-bg:#0d1117;--ad-card:#161b27;--ad-card2:#1a2035;--ad-border:#2d3443;--ad-text:#f9fafb;--ad-muted:#9ca3af;--ad-red:#c91e47;--ad-gold:#f59e0b;--ad-green:#22c55e;--ad-accent:#667eea}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;margin:0;touch-action:manipulation}.app,body{background:#0d1117;background:var(--ad-bg);color:#f9fafb;color:var(--ad-text)}.app{color-scheme:dark;display:flex;flex-direction:column;min-height:100vh;position:relative}.auth-loading{color:#9ca3af;color:var(--ad-muted);display:grid;min-height:calc(100vh - 64px);place-items:center}.user-menu{position:absolute;right:20px;top:16px;z-index:50}.user-avatar-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;color:#ecf0f1;cursor:pointer;display:flex;gap:8px;padding:4px 12px 4px 4px;transition:background .2s ease}.user-avatar-btn:hover{background:#ffffff29}.avatar-circle{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:grid;flex-shrink:0;font-size:16px;font-weight:700;height:36px;place-items:center;width:36px}.avatar-circle.lg{font-size:18px;height:44px;width:44px}.avatar-status{font-size:12px;font-weight:600;white-space:nowrap}.avatar-status.on{color:#34d399}.avatar-status.off{color:#f87171}.avatar-caret{font-size:10px;opacity:.7}.user-dropdown{animation:dropdown-in .15s ease;background:#161b27;background:var(--ad-card);border:1px solid #2d3443;border:1px solid var(--ad-border);border-radius:14px;box-shadow:0 12px 32px #00000080;min-width:210px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;border-bottom:1px solid #2d3443;border-bottom:1px solid var(--ad-border);display:flex;gap:10px;padding:14px}.dropdown-name{color:#f9fafb;color:var(--ad-text);font-size:15px;font-weight:700}.dropdown-role{color:#9ca3af;color:var(--ad-muted);font-size:12px;margin-top:2px}.dropdown-item{align-items:center;background:#0000;border:none;color:#f9fafb;color:var(--ad-text);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;text-decoration:none;transition:background .15s ease;width:100%}.dropdown-item:hover{background:#1a2035;background:var(--ad-card2)}.dropdown-item.danger{color:#ef4444}.app-header{background:#111827;border-bottom:1px solid #2d3443;border-bottom:1px solid var(--ad-border);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:64px;overflow:hidden;padding:14px 20px;position:relative}.header-content{margin:0 auto;max-width:1400px;text-align:center}.logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:15px}.logo{border-radius:14px;box-shadow:0 6px 18px #00000038;height:auto;max-height:120px;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.logo:hover{transform:scale(1.05)}.header-content h1{font-size:32px;font-weight:700;margin:0 0 10px}.header-content p{font-size:16px;margin:0;opacity:.9;position:relative;z-index:1}.logo-container{margin-bottom:10px}.logo-container,.subtitle{position:relative;z-index:1}.subtitle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:999px;color:#fff;display:inline-block;font-size:14px;letter-spacing:1px;margin:0 auto;padding:6px 14px;text-transform:uppercase}.user-status{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.badge{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;color:#ecf0f1;font-size:12px;padding:6px 10px}.badge.on{background:#34d39926;border-color:#34d39966;color:#34d399}.badge.off{background:#f8717126;border-color:#f8717166;color:#f87171}.logout-btn{background:#ef444426;border:1px solid #ef444466;border-radius:12px;color:#ef4444;cursor:pointer;font-size:12px;padding:6px 10px;transition:background .2s ease,color .2s ease}.logout-btn:hover{background:#ef444440}.app-body{align-items:stretch;display:flex;flex:1 1;width:100%}.app-sidebar{background:#111827;border-right:1px solid #2d3443;border-right:1px solid var(--ad-border);display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:12px 10px;transition:width .25s ease}.app-sidebar.open{width:240px}.app-sidebar.collapsed{width:68px}.sidebar-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#1a2035;background:var(--ad-card2);border:none;border-radius:8px;color:#f9fafb;color:var(--ad-text);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;margin-bottom:6px;min-height:44px;overflow:hidden;padding:10px 12px;white-space:nowrap}.sidebar-toggle:hover{filter:brightness(1.2)}.app-nav{display:flex;flex-direction:column;gap:5px;overflow-y:auto}.nav-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#7f8c8d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;min-height:44px;overflow:hidden;padding:12px 14px;text-align:left;touch-action:manipulation;transition:background .2s,color .2s;white-space:nowrap}.nav-tab:hover{background:#1a2035;background:var(--ad-card2);color:#f9fafb;color:var(--ad-text)}.nav-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.nav-icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.nav-label{font-size:14px}.app-sidebar.collapsed .nav-label{display:none}.app-sidebar.collapsed .nav-tab,.app-sidebar.collapsed .sidebar-toggle{gap:0;justify-content:center;padding-left:0;padding-right:0}.app-main{flex:1 1;margin:0 auto;max-width:1400px;min-width:0;padding:20px;width:100%}@media (max-width:768px){.app-header{padding:20px 15px}.logo{max-height:80px}.header-content h1{font-size:24px}.header-content p,.subtitle{font-size:12px}.app-sidebar.open{width:180px}.app-sidebar.collapsed{width:60px}.app-sidebar{padding:10px 8px}.app-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.nav-icon{font-size:20px}.app-main{padding:15px 10px}}@media (max-width:480px){.app-header{padding:15px 10px}.logo{max-height:60px}.subtitle{font-size:11px;letter-spacing:.5px}.app-sidebar.open{width:160px}.app-sidebar.collapsed{width:54px}.app-sidebar{padding:8px 6px}.nav-tab{padding:10px 12px}.nav-icon{font-size:18px}.app-main{padding:10px 8px}}.app-main{color:var(--ad-text)}.app-main .empty-state,.app-main .filter-group,.app-main .form-group,.app-main .input-group,.app-main .result-item,.app-main [class*=-form],.app-main [class*=box],.app-main [class*=card],.app-main [class*=container],.app-main [class*=modal],.app-main [class*=panel],.app-main [class*=section],.app-main [class*=wrapper]{background-color:var(--ad-card)!important;border-color:var(--ad-border)!important;box-shadow:none!important}.app-main [class*=actions],.app-main [class*=form-row],.app-main [class*=grid],.app-main [class*=header]{background-color:initial!important;box-shadow:none!important}.app-main table{background-color:var(--ad-card)!important;color:var(--ad-text)}.app-main table,.app-main th{border-color:var(--ad-border)!important}.app-main th{background-color:var(--ad-card2)!important;color:var(--ad-text)!important}.app-main tbody tr:not([class*=selected]):not([class*=active]),.app-main td:not([class*=has-record]):not([class*=selected]):not([class*=active]):not([class*=filled]){background-color:initial!important;border-color:var(--ad-border)!important}.app-main tr:hover td{background-color:var(--ad-card2)!important}.app-main input,.app-main select,.app-main textarea{background-color:var(--ad-card2)!important;border-color:var(--ad-border)!important;color:var(--ad-text)!important}.app-main input::placeholder,.app-main textarea::placeholder{color:var(--ad-muted)}.app-main option{background-color:var(--ad-card2);color:var(--ad-text)}.app-main button,.app-main input,.app-main select,.app-main textarea{font-family:inherit;font-size:14px}.app-main input[type=date],.app-main input[type=datetime-local],.app-main input[type=month],.app-main input[type=time]{border-radius:8px;color-scheme:dark;cursor:pointer;padding:9px 12px}.app-main input[type=date]::-webkit-calendar-picker-indicator,.app-main input[type=datetime-local]::-webkit-calendar-picker-indicator,.app-main input[type=month]::-webkit-calendar-picker-indicator,.app-main input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.85);opacity:.8}.app-main input[type=date]:hover::-webkit-calendar-picker-indicator,.app-main input[type=month]:hover::-webkit-calendar-picker-indicator{opacity:1}.app-main input:focus,.app-main select:focus,.app-main textarea:focus{border-color:var(--ad-accent)!important;box-shadow:0 0 0 2px #667eea40;outline:none}.app .app-main :is(h1,h2,h3,h4,h5,h6,p,label,dt,dd,li,strong,b,small,span,div,td,th,a):not([class*=badge]):not([class*=status]):not([class*=tag]):not([class*=pill]):not([class*=btn]):not([class*=type]):not([class*=refund]):not([class*=expense]):not([class*=success]):not([class*=danger]):not([class*=error]):not([class*=warn]):not([class*=positive]):not([class*=negative]):not([class*=green]):not([class*=red]):not([class*=gold]):not([class*=active]){color:var(--ad-text)}.app-main [class*=-desc],.app-main [class*=-hint],.app-main [class*=muted],.app-main [class*=secondary],.app-main [class*=subtitle]{color:var(--ad-muted)!important}.app-main .btn-cancel,.app-main .btn-reset,.app-main [class*=btn-ghost],.app-main [class*=btn-secondary]{background-color:var(--ad-card2)!important;border-color:var(--ad-border)!important;color:var(--ad-text)!important}.app-main hr{border-color:var(--ad-border)}.app-main [class*=table-container]{scrollbar-color:var(--ad-border) #0000}.cst-root{--bg:#0d1117;--card:#161b27;--card2:#1a2035;--border:#2d3443;--text:#f9fafb;--muted:#9ca3af;--red:#c91e47;--red-dark:#a01838;--gold:#f59e0b;--green:#22c55e;background:var(--bg);color:var(--text);display:flex;flex-direction:column;font-family:Inter,Segoe UI,system-ui,sans-serif;min-height:100vh}.cst-muted{color:var(--muted)}.cst-gold{color:var(--gold)}.cst-footer-hotlines{display:flex;gap:6px;margin-top:4px}.cst-footer-hotlines a{color:var(--text)}.cst-footer-hotlines a:hover{text-decoration:underline}.cst-hdr{background:#111827;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.cst-hdr-inner{gap:16px;height:64px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 20px}.cst-hdr-inner,.cst-logo{align-items:center;display:flex}.cst-logo{color:inherit;gap:10px}.cst-logo-img{flex:0 0 auto;height:46px;object-fit:contain;width:210px}.cst-nav{background:#0d111794;border:1px solid #ffffff12;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0a;display:flex;flex:1 1;flex-wrap:nowrap;gap:4px;justify-content:center;max-width:-webkit-max-content;max-width:max-content;padding:5px}.cst-nav-item{border:1px solid #0000;border-radius:10px;color:var(--muted);font-size:13px;font-weight:700;isolation:isolate;overflow:hidden;padding:8px 12px;position:relative;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;white-space:nowrap}.cst-nav-item:before{background:linear-gradient(115deg,#0000 20%,#ffffff1f 48%,#0000 72%);content:"";inset:0;position:absolute;transform:translateX(-130%);transition:transform .45s ease;z-index:-1}.cst-nav-item:hover{background:hsla(0,0%,100%,.055);border-color:#ffffff14;color:#fff;transform:translateY(-1px)}.cst-nav-item:hover:before{transform:translateX(130%)}.cst-nav-item.active{background:linear-gradient(135deg,#c91e47e0,#971235e6);border-color:#f59e0b5c;box-shadow:0 5px 18px #c91e473d,inset 0 1px 0 #ffffff29;color:#fff}.cst-nav-item.active:after{background:var(--gold);border-radius:999px;bottom:2px;box-shadow:0 0 9px #f59e0bcc;content:"";height:2px;left:28%;position:absolute;right:28%}.cst-hdr-right{align-items:center;display:flex;gap:10px}.cst-pts{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:20px;display:inline-flex;font-size:14px;font-weight:700;gap:6px;padding:6px 14px}.cst-pts.big{font-size:16px}.cst-star{color:var(--gold)}.cst-avatar{background:var(--red);border:none;border-radius:50%;color:#fff;cursor:pointer;font-weight:800;height:36px;width:36px}.cst-member-menu{position:relative}.cst-member-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0006;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;max-width:calc(100vw - 40px);overflow-wrap:anywhere;padding:18px;position:absolute;right:0;top:calc(100% + 12px);width:260px}.cst-btn{background:var(--card2);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-size:14px;font-weight:700;padding:9px 16px}.cst-btn,.cst-btn:focus,.cst-btn:hover,.cst-btn:visited{text-decoration:none}.cst-btn:hover{filter:brightness(1.1)}.cst-btn:disabled{cursor:not-allowed;opacity:.5}.cst-btn-primary{background:var(--red);border-color:var(--red)}.cst-btn-gold{background:var(--gold);border-color:var(--gold);color:#1a1a1a}.cst-btn-ghost{background:#0000}.cst-btn-lg{font-size:15px;padding:12px 22px}.cst-btn-block{width:100%}.cst-main{flex:1 1}.cst-page{margin:0 auto;max-width:1100px;padding:24px 20px 60px}.cst-page-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.cst-h1{font-size:26px;margin:0}.cst-h2{font-size:18px;margin:0 0 12px}.cst-section{margin-top:28px}.cst-empty{color:var(--muted);padding:48px 0;text-align:center}.cst-flash{background:#22c55e1f;border:1px solid var(--green);border-radius:10px;color:#86efac;margin-top:14px;padding:10px 14px}.cst-error{background:#c91e471f;border:1px solid var(--red);border-radius:10px;color:#fca5b5;margin:10px 0;padding:10px 14px}.cst-hero{background:radial-gradient(1200px 300px at 50% -50px,#c91e4759,#0000),linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--border);border-radius:18px;padding:48px 20px;text-align:center}.cst-hero-tag{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:2px}.cst-hero-title{font-size:34px;margin:10px 0}.cst-hero-sub{color:var(--muted);margin-bottom:20px}.cst-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.cst-cards-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:22px}.cst-stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;text-align:center}.cst-stat-label{color:var(--muted);font-size:13px}.cst-stat-value{font-size:26px;font-weight:800;margin-top:6px}.cst-wheel-box{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;text-align:center}.cst-wheel-result{font-size:18px;margin:14px 0}.cst-hero-player{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:14px;display:flex;gap:14px;padding:16px}.cst-hero-avatar{align-items:center;background:var(--gold);border-radius:50%;color:#1a1a1a;display:flex;font-size:20px;font-weight:800;height:48px;justify-content:center;width:48px}.cst-hero-name{font-size:18px;font-weight:800}.cst-hero-player .cst-btn{margin-left:auto}.cst-rules{color:var(--muted);line-height:2;padding-left:20px}.cst-table{border-radius:14px;overflow:hidden}.cst-tr{align-items:center;border-bottom:1px solid var(--border);display:grid;grid-template-columns:50px 1fr 110px 80px 70px;padding:12px 14px}.cst-tr:last-child{border-bottom:none}.cst-th{background:var(--card2);color:var(--muted);font-size:12px;text-transform:uppercase}.cst-tr.top{background:#f59e0b0f}.cst-c-rank{font-weight:800}.cst-c-name{font-weight:600}.cst-c-pts{color:var(--gold);font-weight:800;text-align:right}.cst-c-wl{color:var(--muted);text-align:right}.cst-badge-div{background:var(--card2);border:1px solid var(--border);border-radius:20px;font-size:12px;padding:2px 10px}.cst-badges{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.cst-badge{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;text-align:center}.cst-badge.locked{opacity:.5}.cst-badge.owned{border-color:var(--gold)}.cst-badge-ico{font-size:30px}.cst-badge-label{font-size:13px;margin-top:8px}.cst-voucher-list{display:flex;flex-direction:column;gap:10px}.cst-voucher{align-items:center;background:var(--card);border:1px dashed var(--border);border-radius:12px;display:flex;justify-content:space-between;padding:14px}.cst-voucher.used{opacity:.55}.cst-voucher-name{font-weight:700}.cst-voucher-status{color:var(--gold);font-size:12px}.cst-zone{margin-bottom:16px}.cst-zone-name{color:var(--muted);font-size:13px;margin-bottom:8px}.cst-table-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.cst-table{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:6px;padding:16px 10px;position:relative}.cst-table:hover{border-color:var(--red)}.cst-table.sel{background:#22c55e1a;border-color:var(--green)}.cst-table.taken{cursor:not-allowed;opacity:.4}.cst-table-ico{font-size:22px}.cst-table-tag{color:var(--red);font-size:10px;position:absolute;right:6px;top:6px}.cst-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.cst-field{color:var(--muted);display:flex;flex-direction:column;font-size:13px;gap:6px}.cst-input{background:var(--card2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:14px;padding:10px 12px}.cst-input:focus{border-color:var(--red);outline:none}.cst-input[type=date],.cst-input[type=month],.cst-input[type=time]{color-scheme:dark;cursor:pointer}.cst-select{background:var(--card2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:8px 12px}.cst-reward-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cst-reward-card{background:var(--card);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:18px}.cst-reward-type{color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase}.cst-reward-name{font-size:16px;font-weight:800}.cst-reward-cost{font-weight:800;margin:6px 0}.cst-reward-card .cst-btn{margin-top:auto}.cst-success{padding:48px 20px;text-align:center}.cst-success-ico{font-size:48px}.cst-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.cst-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;max-width:380px;padding:26px;position:relative;width:100%}.cst-modal-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:18px;position:absolute;right:14px;top:12px}.cst-modal-title{font-size:20px;margin:0 0 6px}.cst-modal .cst-input{box-sizing:border-box;margin-top:10px;width:100%}.cst-otp{font-size:20px;letter-spacing:8px;text-align:center}.cst-devcode{background:#f59e0b1a;border-radius:8px;color:var(--gold);font-size:13px;margin-top:10px;padding:8px 12px}.cst-link{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;margin-top:12px}.cst-auth-modal{max-height:calc(100dvh - 40px);max-width:420px;overflow-y:auto}.cst-auth-tabs{border:1px solid var(--border);border-radius:10px;display:flex;gap:4px;margin:18px 0;padding:4px}.cst-auth-tabs button{background:#0000;border:0;border-radius:7px;color:var(--muted);cursor:pointer;flex:1 1;font:inherit;padding:10px}.cst-auth-tabs button.active{background:var(--card2);color:var(--text);font-weight:700}.cst-auth-fields{border:0;margin:0;min-width:0;padding:0}.cst-auth-fields>.cst-field{margin-top:12px}.cst-auth-fields .cst-input{margin-top:0;min-height:44px}.cst-password-field{margin-top:6px;position:relative}.cst-password-field .cst-input{padding-right:64px}.cst-password-field button{background:#0000;border:0;bottom:0;color:var(--text);cursor:pointer;padding:0 8px;position:absolute;right:8px;top:0}.cst-auth-help{color:var(--muted);font-size:12px;line-height:1.5;margin:10px 0 14px}.cst-auth-modal button:disabled{cursor:wait;opacity:.6}.cst-bottomnav{display:none}.cst-bn-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:13px;color:var(--muted);display:flex;flex:1 1;flex-direction:column;font-size:10px;font-weight:700;gap:3px;min-width:0;padding:5px 1px;position:relative;text-decoration:none;transition:color .2s ease,background .2s ease,transform .2s ease}.cst-bn-item:after{background:#0000;border-radius:50%;bottom:1px;content:"";height:4px;position:absolute;transition:background .2s ease,box-shadow .2s ease;width:4px}.cst-bn-item.active{background:#c91e471a;color:#fff}.cst-bn-item.active:after{background:var(--gold);box-shadow:0 0 8px #f59e0be6}.cst-bn-ico{border-radius:11px;display:grid;font-size:18px;height:30px;line-height:1;place-items:center;transition:transform .22s ease,background .22s ease,box-shadow .22s ease;width:34px}.cst-bn-item.active .cst-bn-ico{background:linear-gradient(135deg,#c91e47f2,#f59e0bcc);box-shadow:0 5px 15px #c91e4759;transform:translateY(-3px) scale(1.06)}.cst-bn-label{line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cst-footer{background:#111827;border-top:1px solid var(--border);margin-top:40px}.cst-footer-inner{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:24px 20px}.cst-footer-brand{font-weight:800;margin-bottom:6px}@media (max-width:900px){.cst-nav{display:none}.cst-bottomnav{-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);background:#111827e6;border:1px solid #ffffff1c;border-radius:20px;bottom:8px;box-shadow:0 14px 38px #0000007a,inset 0 1px 0 #ffffff12;display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));left:8px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));position:fixed;right:8px;z-index:200}.cst-page{padding-bottom:84px}.cst-footer{margin-bottom:82px}}@media (max-width:640px){.cst-logo{gap:7px}.cst-logo-img{height:38px;width:145px}.cst-cards-3,.cst-form-grid{grid-template-columns:1fr}.cst-hero-title{font-size:26px}.cst-tr{grid-template-columns:40px 1fr 70px 60px}.cst-c-wl{display:none}}.points-page{max-width:900px}.points-balance{align-items:center;background:radial-gradient(circle at top right,#f59e0b26,#0000 45%),var(--card);border:1px solid #f59e0b4d;border-radius:18px;display:flex;gap:20px;justify-content:space-between;padding:26px}.points-balance>div{grid-gap:5px;display:grid;gap:5px}.points-balance small,.points-balance span{color:var(--muted)}.points-balance strong{font-size:34px}.points-balance strong b{color:var(--gold)}.points-upload{grid-gap:16px;background:var(--card);border:1px solid var(--border);border-radius:18px;display:grid;gap:16px;margin-top:18px;max-width:660px;padding:22px}.points-upload h2,.points-upload p{margin:0 0 5px}.points-source-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.points-preview{background:#090c11;border:1px solid var(--border);border-radius:12px;max-height:520px;object-fit:contain;width:100%}.points-placeholder{background:#ffffff05;border:1px dashed var(--border);border-radius:12px;color:var(--muted);display:grid;min-height:180px;place-items:center}.points-history{grid-gap:10px;display:grid;gap:10px}.points-history article{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:15px 16px}.points-history article>div{grid-gap:5px;display:grid;gap:5px}.points-history small{color:var(--muted)}.points-status{background:#f59e0b21;border-radius:999px;color:#fde68a;flex:none;font-size:12px;font-weight:800;padding:6px 10px}.points-status.approved{background:#22c55e1f;color:#86efac}.points-status.rejected{background:#ef44441f;color:#fca5a5}@media (max-width:640px){.points-balance{align-items:flex-start;flex-direction:column;padding:20px}.points-source-actions{grid-template-columns:1fr}.points-history article{align-items:flex-start;flex-direction:column}}@media (hover:hover){.cst-bn-item:hover{background:hsla(0,0%,100%,.055);color:#fff;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.cst-bn-ico,.cst-bn-item,.cst-nav-item,.cst-nav-item:before{transition:none}}.cst-avatar img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.cst-avatar{overflow:hidden;padding:0}.cst-booking-history{grid-gap:12px;display:grid;gap:12px}.cst-booking-record{grid-gap:8px;background:var(--card);border:1px solid var(--border);border-radius:12px;display:grid;gap:8px;padding:16px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.game369-heading{align-items:flex-start}.game369-heading p{margin:8px 0 0}.game369-finish{background:#7f1d1d3d;border-color:#ef44448c;color:#fecaca}.game369-board,.game369-setup{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px}.game369-setup{max-width:620px}.game369-setup-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.game369-score-form h2,.game369-setup-title h2{font-size:18px;margin:0}.game369-setup-title span{color:var(--muted);font-size:13px}.game369-player-list{grid-gap:10px;display:grid;gap:10px}.game369-player-input{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:32px 1fr 36px}.game369-player-input>span{background:var(--gold);border-radius:50%;color:#111827;display:grid;font-weight:900;height:30px;place-items:center;width:30px}.game369-player-input input,.game369-player-input label{width:100%}.game369-player-input>button{background:#0000;border:1px solid var(--border);border-radius:9px;color:#fca5a5;cursor:pointer;font-size:20px;height:34px;width:34px}.game369-add{background:#f59e0b14;border:1px dashed var(--gold);border-radius:50%;color:var(--gold);cursor:pointer;display:grid;font-size:26px;height:44px;line-height:1;margin:14px auto;place-items:center;width:44px}.game369-add:disabled{cursor:not-allowed;opacity:.35}.game369-scroll{border:1px solid var(--border);border-radius:14px;overflow-x:auto}.game369-table{border-collapse:collapse;min-width:480px;text-align:center;width:100%}.game369-table td,.game369-table th{border-bottom:1px solid var(--border);border-right:1px solid var(--border);min-width:110px;padding:13px 10px}.game369-table td:first-child,.game369-table th:first-child{color:var(--muted);min-width:58px;width:58px}.game369-table td:last-child,.game369-table th:last-child{border-right:0}.game369-table tr:last-child td{border-bottom:0}.game369-table thead{background:var(--card2)}.game369-table th span{display:block;margin:0 auto 5px;max-width:130px;overflow:hidden;text-overflow:ellipsis}.game369-table th strong{background:var(--gold);border-radius:999px;color:#111827;display:inline-grid;font-size:18px;min-height:30px;min-width:42px;padding:4px 8px;place-items:center}.game369-table td.positive{color:#86efac;font-weight:800}.game369-table td.negative{color:#fca5a5;font-weight:800}.game369-empty{color:var(--muted);padding:28px!important}.game369-score-form{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.game369-score-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:14px 0}.game369-score-grid label{grid-gap:6px;color:var(--muted);display:grid;font-size:12px;font-weight:700;gap:6px}.game369-score-grid input{background:var(--card2);border:1px solid var(--border);border-radius:10px;box-sizing:border-box;color:var(--text);font-family:inherit;font-size:18px;font-weight:800;min-width:0;outline:0;padding:12px 8px;text-align:center;width:100%}.game369-score-grid input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f59e0b1f}.game369-hup{background:linear-gradient(135deg,#fbbf24,#f97316);border:0;border-radius:12px;box-shadow:0 8px 24px #f9731640;color:#190b05;cursor:pointer;display:block;font-size:19px;font-weight:1000;letter-spacing:.12em;margin:4px auto 0;padding:14px 28px;width:min(100%,320px)}.game369-hup-start{margin-top:18px}.game369-hup:disabled{cursor:wait;opacity:.55}.game369-result{max-width:460px;text-align:center}.game369-result-icon{font-size:42px}.game369-result h2{margin:8px 0}.game369-result-list{grid-gap:8px;display:grid;gap:8px;margin:20px 0;text-align:left}.game369-result-list>div{border:1px solid var(--border);border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:11px 14px}.game369-result-list>div.leader{background:#f59e0b14;border-color:#f59e0b80;color:#fcd34d}.game369-result-list strong{font-size:18px}@media (max-width:640px){.game369-page{padding-left:12px;padding-right:12px}.game369-board,.game369-setup{border-radius:14px;padding:14px}.game369-heading{flex-wrap:nowrap}.game369-finish{flex:none;padding-left:12px;padding-right:12px}.game369-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tn-list-page{margin:0 auto;max-width:1000px;padding:20px 16px 60px}.tn-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tn-list-header h1{font-size:26px;margin:0}.tn-create-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:18px}.tn-create-card h2{font-size:18px;margin:0 0 12px}.tn-create-row{display:flex;flex-wrap:wrap;gap:10px}.tn-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1 200px;font-size:15px;padding:10px 12px}.tn-select{flex:0 0 130px}.tn-btn{font-size:15px;padding:10px 16px}.tn-error{margin:14px 0}.tn-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:22px}.tn-empty{grid-column:1/-1}.tn-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:inherit;display:block;padding:16px;text-decoration:none;transition:box-shadow .15s,transform .15s}.tn-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.tn-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.tn-card-name{font-size:17px;font-weight:700}.tn-card-del{background:none;border:none;cursor:pointer;font-size:16px;opacity:.6}.tn-card-del:hover{opacity:1}.tn-card-meta{display:flex;flex-wrap:wrap;gap:8px}.tn-badge{font-size:12px}.tn-badge.drawn{background:#dcfce7;color:#166534}.tn-badge.draft{background:#fef9c3;color:#854d0e}.tn-badge.soft{background:#f3f4f6;color:#4b5563}.tn-list-page{background:#0d1117;color:#f1f5f9;max-width:none;min-height:100vh}.tn-list-inner{margin:0 auto;max-width:1000px}.tn-list-header h1{color:#f1f5f9}.tn-card,.tn-create-card{background:#161b27;border-color:#2d3443;box-shadow:0 1px 2px #0000004d}.tn-card-name,.tn-create-card h2{color:#f1f5f9}.tn-card:hover{border-color:#34d399;box-shadow:0 4px 12px #00000080}.tn-input{background:#1a2035;border-color:#2d3443;color:#f1f5f9;color-scheme:dark}.tn-input::placeholder{color:#64748b}.tn-btn:hover{background:#1a2035}.tn-empty{color:#94a3b8}.tn-card-del{color:#f1f5f9}.tn-badge.drawn{background:#34d39926;color:#6ee7b7}.tn-badge.draft{background:#f59e0b26;color:#fcd34d}.tn-badge.soft{background:#1a2035;color:#94a3b8}.bx-de{--bx-bg:#0d1117;--bx-card:#161b27;--bx-card2:#1a2035;--bx-border:#2d3443;--bx-text:#f1f5f9;--bx-muted:#94a3b8;--bx-green:#34d399;color:var(--bx-text);margin-top:8px}.bx-section{margin-bottom:26px}.bx-hrow{align-items:stretch;display:flex;gap:44px;width:100%}.bx-group{display:flex;flex:1 1;flex-direction:column;min-width:0}.bx-group .bx-bracket{flex:1 1}.bx-group .bx-section-title{margin-bottom:12px}.bx-section-title{border-radius:6px;display:inline-block;font-size:15px;font-weight:700;margin:0 0 8px;padding:4px 10px}.bx-section-title.bx-win{background:#34d39926;color:#6ee7b7}.bx-section-title.bx-lose{background:#f8717126;color:#fca5a5}.bx-section-title.bx-ko{background:#f59e0b26;color:#fcd34d}.bx-scroll{overflow-x:auto;padding-bottom:12px}.bx-bracket{align-items:stretch;display:flex;gap:28px;padding:4px;width:100%}.bx-round{display:flex;flex:1 1;flex-direction:column;min-width:96px}.bx-round-title{border-bottom:2px solid var(--bx-border);color:var(--bx-muted);font-size:13px;font-weight:700;margin-bottom:8px;padding:5px 0;text-align:center;white-space:nowrap}.bx-round-matches{display:flex;flex:1 1;flex-direction:column}.bx-cell{align-items:center;display:flex;flex:1 1;min-height:40px;position:relative}.bx-match{background:var(--bx-card);border:1px solid var(--bx-border);border-radius:8px;box-shadow:0 1px 2px #0000004d;position:relative;width:100%}.bx-slot:first-of-type{border-radius:7px 7px 0 0}.bx-slot:last-of-type{border-radius:0 0 7px 7px}.bx-feed .bx-cell:after{background:var(--bx-border);content:"";height:2px;left:100%;position:absolute;top:50%;transform:translateY(-50%)}.bx-pair .bx-cell:after{width:14px}.bx-straight .bx-cell:after{width:28px}.bx-vconn{border-left:2px solid var(--bx-border);height:100%;left:100%;margin-left:14px}.bx-vconn,.bx-vconn:after{position:absolute;top:50%;width:14px}.bx-vconn:after{background:var(--bx-border);content:"";height:2px;left:0;transform:translateY(-50%)}.bx-bracket.bx-reverse{flex-direction:row-reverse}.bx-bracket.bx-reverse .bx-feed .bx-cell:after{left:auto;right:100%}.bx-bracket.bx-reverse .bx-vconn{border-left:0;border-right:2px solid var(--bx-border);left:auto;margin-left:0;margin-right:14px;right:100%}.bx-bracket.bx-reverse .bx-vconn:after{left:auto;right:0}.bx-match-label{background:var(--bx-card2);border-bottom:1px solid var(--bx-border);color:var(--bx-muted);font-size:10px;padding:1px 0;text-align:center}.bx-slot{align-items:center;color:var(--bx-text);display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:6px 9px}.bx-slot+.bx-slot{border-top:1px solid var(--bx-border)}.bx-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx-rank{background:#f59e0b29;border:1px solid #f59e0b59;border-radius:5px;color:#fcd34d;flex-shrink:0;font-size:11px;font-weight:700;min-width:22px;padding:1px 6px;text-align:center}.bx-slot.empty .bx-name{color:var(--bx-muted);font-style:italic}.bx-slot.win{background:#34d39929}.bx-slot.win .bx-name{color:var(--bx-green);font-weight:700}.bx-score{background:var(--bx-card2);border:1px solid var(--bx-border);border-radius:6px;color:var(--bx-text);font-size:13px;padding:3px 4px;text-align:center;width:40px}.bx-score:disabled{background:#10141d;color:#6b7280}.bx-score::-webkit-inner-spin-button,.bx-score::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bx-score{-webkit-appearance:textfield;appearance:textfield}.bx-champion{color:var(--bx-green);font-size:18px;font-weight:600;margin-top:12px}.bx-table{-webkit-appearance:textfield;appearance:textfield;background:#1a2035;border:1.5px solid #38bdf8;border-radius:50%;box-shadow:0 1px 4px #00000080;color:#7dd3fc;font-size:11px;font-weight:800;height:24px;left:50%;padding:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:24px;z-index:3}.bx-table::-webkit-inner-spin-button,.bx-table::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bx-table::placeholder{color:#475569;font-weight:600}.bx-table:focus{border-color:#7dd3fc;box-shadow:0 0 0 3px #38bdf840;outline:none}.bx-table.locked,.bx-table:disabled{background:#10141d;border-color:#2d3443;border-color:var(--bx-border,#2d3443);box-shadow:none;color:#94a3b8;color:var(--bx-muted,#94a3b8)}.bx-slot.bx-hl{background:#f59e0b38;box-shadow:inset 0 0 0 2px #f59e0b}.bx-slot.bx-hl .bx-name{color:#fcd34d;font-weight:800}.gs-single.bx-hl{background:#f59e0b38;border-color:#f59e0b;border-style:solid}.gs-single.bx-hl .bx-name{color:#fcd34d;font-weight:800}.bx-feed .bx-cell.bx-hlcell:after{background:#f59e0b;height:3px}.bx-vconn.bx-hlv{border-left-color:#f59e0b;border-left-width:3px}.bx-vconn.bx-hlv:after{background:#f59e0b;height:3px}.bx-bracket.bx-reverse .bx-vconn.bx-hlv{border-right-color:#f59e0b;border-right-width:3px}.bx-cellnum{background:#94a3b8;border-radius:4px;color:#0f172a;flex-shrink:0;font-size:11px;font-weight:700;margin-right:2px;min-width:20px;padding:1px 4px;text-align:center}.gs-group{--bx-bg:#0d1117;--bx-card:#161b27;--bx-card2:#1a2035;--bx-border:#2d3443;--bx-text:#f1f5f9;--bx-muted:#94a3b8;--bx-green:#34d399;background:hsla(0,0%,100%,.015);border:1px solid var(--bx-border);border-radius:12px;color:var(--bx-text);padding:12px 14px}.gs-title{border-bottom:2px solid var(--bx-border);font-size:16px;font-weight:800;margin:0 0 10px;padding-bottom:8px}.gs-wrap{align-items:stretch;display:flex;gap:16px}.gs-col{display:flex;flex:1 1;flex-direction:column;min-width:0}.gs-col-head{border-bottom:2px solid var(--bx-border);color:var(--bx-muted);font-size:12px;font-weight:700;margin-bottom:8px;padding:4px 0;text-align:center;white-space:nowrap}.gs-head-win{color:#6ee7b7}.gs-head-lose{color:#fca5a5}.gs-col-body{display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:space-around}.gs-row{align-items:center;display:flex;gap:6px}.gs-row .bx-match{flex:1 1;min-width:0}.gs-single{align-items:center;background:var(--bx-card);border:1px dashed var(--bx-border);border-radius:8px;color:var(--bx-muted);display:flex;font-size:13px;min-height:34px;padding:6px 9px}.gs-tag{border-radius:5px;flex-shrink:0;font-size:11px;font-weight:800;min-width:34px;padding:3px 6px;text-align:center}.gs-al{background:#f8717129;border:1px solid #f8717166;color:#fca5a5}.gs-bw{background:#34d39929;border:1px solid #34d39966;color:#6ee7b7}.bx-champ-col{flex:0 0 auto;min-width:120px}.bx-champ-col,.bx-champ-col .bx-cell,.bx-champ-col .bx-round-matches{justify-content:center}.bx-trophy{display:block;filter:drop-shadow(0 6px 14px rgba(245,158,11,.35));height:auto;max-width:150px;width:100%}.tn-page{margin:0 auto;max-width:100%;padding:16px 16px 60px}.tn-bar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px}.tn-title{flex:1 1 auto;font-size:22px;margin:0}.tn-back-link{color:#2563eb;font-weight:600;text-decoration:none;white-space:nowrap}.tn-back-link:hover{text-decoration:underline}.tn-badge{background:#eef2ff;border-radius:999px;color:#4338ca;font-size:13px;font-weight:600;padding:3px 10px}.tn-search{background:#1a2035;border:1px solid #2d3443;border-radius:999px;color:#f1f5f9;font-size:14px;min-width:180px;padding:7px 12px}.tn-search::placeholder{color:#64748b}.tn-search:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33;outline:none}.tn-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c}.tn-error,.tn-info{margin:10px 0;padding:10px 14px}.tn-info{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46}.tn-entry{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:0 auto;max-width:640px;padding:20px}.tn-entry-head{align-items:center;display:flex;justify-content:space-between}.tn-entry-head h2{font-size:18px;margin:0}.tn-count{color:#2563eb;font-weight:700}.tn-count.over{color:#b91c1c}.tn-hint{color:#6b7280;font-size:13px;margin:6px 0 12px}.tn-textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;line-height:1.6;padding:12px;resize:vertical;width:100%}.tn-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.tn-actions-top{align-items:center;margin-bottom:16px}.tn-btn{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:9px 16px}.tn-btn:hover{background:#f3f4f6}.tn-btn:disabled{cursor:not-allowed;opacity:.6}.tn-btn-primary:hover{background:#1d4ed8}.tn-btn-warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.tn-champion{color:#166534;font-size:16px;margin-left:auto}.tn-empty{color:#6b7280;padding:40px 0;text-align:center}.tn-bracket-scroll{overflow-x:auto;padding-bottom:16px}.tn-bracket{display:flex;gap:36px;min-width:-webkit-min-content;min-width:min-content;padding:8px 4px}.tn-round{display:flex;flex-direction:column;min-width:190px}.tn-round-title{border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:700;margin-bottom:8px;padding:6px 0;position:-webkit-sticky;position:sticky;text-align:center;top:0}.tn-round-matches{display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:space-around}.tn-match{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.tn-slot{align-items:center;display:flex;font-size:14px;gap:8px;justify-content:space-between;padding:7px 10px}.tn-slot+.tn-slot{border-top:1px solid #e5e7eb}.tn-slot-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-slot.empty .tn-slot-name{color:#9ca3af;font-style:italic}.tn-slot.win{background:#ecfdf5}.tn-slot.win .tn-slot-name{color:#065f46;font-weight:700}.tn-score{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:3px 4px;text-align:center;width:42px}.tn-score:disabled{background:#f3f4f6;color:#9ca3af}.tn-score::-webkit-inner-spin-button,.tn-score::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tn-score{-webkit-appearance:textfield;appearance:textfield}.tn-actionmenu{margin-left:auto;position:relative}.tn-icon-btn{background:#1a2035;border:1px solid #2d3443;border-radius:10px;color:#f1f5f9;cursor:pointer;font-size:18px;height:40px;width:40px}.tn-icon-btn:hover{filter:brightness(1.15)}.tn-icon-btn:disabled{cursor:not-allowed;opacity:.5}.tn-menu{background:#161b27;border:1px solid #2d3443;border-radius:10px;box-shadow:0 12px 30px #0000008c;min-width:190px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:50}.tn-menu-item{background:#0000;border:none;color:#f1f5f9;cursor:pointer;display:block;font-size:14px;padding:11px 14px;text-align:left;width:100%}.tn-menu-item:hover{background:#1a2035}.tn-menu-item+.tn-menu-item{border-top:1px solid #2d3443}.tn-drawing{animation:tn-pulse 1s ease-in-out infinite;background:#f59e0b26;border:1px solid #f59e0b;border-radius:10px;color:#fcd34d;display:inline-block;font-weight:700;margin:10px 0 16px;padding:10px 16px}@keyframes tn-pulse{0%,to{opacity:1}50%{opacity:.55}}.tn-fit-outer{overflow:hidden;width:100%}.tn-fit-inner{width:100%}.tn-fit-inner .bx-scroll{overflow:visible!important;padding-bottom:0}.tn-board{display:inline-block}.tn-board-groups{align-items:flex-start;display:flex;gap:24px}.tn-board-scroll{overflow-x:auto;overflow-y:hidden}.tn-groups-panel{display:flex;flex-direction:column;gap:18px}.tn-groups-2x2{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:1fr 1fr}.tn-group-block{background:hsla(0,0%,100%,.015);border:1px solid #2d3443;border:1px solid var(--ad-border,#2d3443);border-radius:12px;padding:14px 16px}.tn-group-title{border-bottom:2px solid #2d3443;border-bottom:2px solid var(--ad-border,#2d3443);font-size:17px;font-weight:800;margin:0 0 10px;padding-bottom:8px}.tn-final-block{border-color:#f59e0b;border-color:var(--ad-gold,#f59e0b);margin-top:22px}.tn-final-block .tn-group-title{border-bottom-color:#f59e0b;border-bottom-color:var(--ad-gold,#f59e0b)}.tn-tabs{border-bottom:2px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding-bottom:6px}.tn-tab{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.tn-tab:hover{background:#f3f4f6}.tn-final-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.tn-final-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:12px 0 24px}.tn-final-cell{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:5px 8px}.tn-seed{background:#eff6ff;border-radius:5px;color:#2563eb;font-size:11px;font-weight:700;min-width:34px;padding:2px 6px;text-align:center}.tn-final-input{border:none;flex:1 1;font-size:14px;min-width:0;outline:none}.tn-final-input:focus{background:#1e293b}.tn-plist{margin:4px 0 6px}.tn-plist-head,.tn-plist-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:34px 1fr 1.2fr 90px 34px}.tn-plist-head{border-bottom:1px solid #2d3443;color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:8px;padding:0 2px 8px;text-transform:uppercase}.tn-plist-row{margin-bottom:6px}.tn-plist-idx{color:#64748b;font-size:13px;text-align:center}.tn-pinput{background:#1a2035;border:1px solid #2d3443;border-radius:8px;box-sizing:border-box;color:#f1f5f9;font-family:inherit;font-size:14px;padding:8px 10px;width:100%}.tn-pinput:focus{border-color:#2563eb;outline:none}.tn-pinput::placeholder{color:#64748b}.tn-plist-del{background:#1a2035;border:1px solid #2d3443;border-radius:8px;color:#f87171;cursor:pointer;font-size:13px;height:30px;justify-self:center;width:30px}.tn-plist-del:hover:not(:disabled){background:#7c2d12}.tn-plist-del:disabled{cursor:not-allowed;opacity:.3}@media (max-width:640px){.tn-plist-head,.tn-plist-row{gap:5px;grid-template-columns:24px 1fr 1.1fr 64px 28px}.tn-pinput{font-size:13px;padding:7px 8px}}.tn-modal-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.tn-modal{background:#161b27;border:1px solid #2d3443;border-radius:14px;box-shadow:0 24px 60px #0009;max-height:88vh;max-width:520px;overflow-y:auto;padding:18px 20px 20px;width:100%}.tn-modal-wide{max-width:720px}.tn-modal-scroll{margin:0 -4px;max-height:60vh;overflow-y:auto;padding:0 4px}.tn-modal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.tn-modal-head h2{color:#f1f5f9;font-size:18px;margin:0}.tn-modal-close{background:#1a2035;border:1px solid #2d3443;border-radius:8px;color:#f1f5f9;cursor:pointer;font-size:15px;height:32px;width:32px}.tn-modal-close:hover{filter:brightness(1.15)}.tn-pairs{background:#0d1117;border:1px solid #2d3443;border-radius:10px;color:#e2e8f0;font-family:inherit;font-size:14px;line-height:1.7;margin:0 0 14px;max-height:52vh;overflow-y:auto;padding:14px 16px;white-space:pre-wrap;word-break:break-word}.tn-rank-legend{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.tn-legend-label{color:#94a3b8;font-size:13px;font-weight:700;margin-right:2px}.tn-tabs{border-bottom-color:#2d3443}.tn-champ-overlay{align-items:center;animation:tn-fade .25s ease;background:radial-gradient(circle at 50% 35%,#f59e0b40,#000000d1 70%);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}@keyframes tn-fade{0%{opacity:0}to{opacity:1}}.tn-champ-modal{animation:tn-pop .4s cubic-bezier(.18,.89,.32,1.28);background:linear-gradient(180deg,#1c2333,#12161f);border:1px solid #f59e0b;border-radius:18px;box-shadow:0 24px 70px #f59e0b4d,0 0 0 1px #f59e0b26;max-width:420px;padding:28px 24px 24px;position:relative;text-align:center;width:100%}@keyframes tn-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.tn-champ-x{position:absolute;right:12px;top:12px}.tn-champ-title{color:#fcd34d;font-size:15px;font-weight:800;letter-spacing:.04em;margin-bottom:8px}.tn-champ-cup{animation:tn-cup-bounce 2.4s ease-in-out infinite;display:flex;justify-content:center}@keyframes tn-cup-bounce{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}.tn-champ-name{color:#fde68a;font-size:26px;font-weight:900;margin-top:6px;text-shadow:0 2px 12px #f59e0b80;word-break:break-word}.tn-champ-tour{color:#cbd5e1;font-size:15px;margin-top:4px}.tn-champ-btn{margin-top:18px}.tn-page{background:#0d1117;min-height:100vh}.tn-page,.tn-title{color:#f1f5f9}.tn-back-link{color:#818cf8}.tn-badge{background:#1a2035;color:#c7d2fe}.tn-entry,.tn-final-cell{background:#161b27;border-color:#2d3443}.tn-count,.tn-hint{color:#94a3b8}.tn-final-input,.tn-input,.tn-textarea{background:#1a2035;border-color:#2d3443;color:#f1f5f9;color-scheme:dark}.tn-final-input::placeholder,.tn-textarea::placeholder{color:#64748b}.tn-btn{background:#1a2035;border-color:#2d3443;color:#f1f5f9}.tn-btn:hover{filter:brightness(1.15)}.tn-btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.tn-btn-warn{background:#7c2d12;border-color:#9a3412;color:#fed7aa}.tn-seed{background:#1e293b;color:#93c5fd}.tn-tab{background:#1a2035;border-color:#2d3443;color:#cbd5e1}.tn-tab.active{background:#2563eb;border-color:#2563eb;color:#fff}
/*# sourceMappingURL=main.36e360c2.css.map*/