@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#00040f;--panel-bg:#161e31b3;--panel-border:#ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#3b82f6;--primary-glow:#3b82f680;--accent:#10b981;--danger:#ef4444;--warning:#f59e0b}body{background:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf626 0,#0000 50%);background-attachment:fixed;margin:0;font-family:Outfit,sans-serif}.admin-container{height:100vh;display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--panel-border);z-index:10;background:#0b102199;flex-direction:column;width:280px;padding:30px 24px;display:flex;box-shadow:10px 0 30px #0003}.logo{-webkit-text-fill-color:transparent;letter-spacing:-.5px;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:28px;font-weight:800}.nav-menu{margin-top:20px;padding:0;list-style:none}.nav-menu li{color:var(--text-muted);cursor:pointer;border:1px solid #0000;border-radius:12px;margin-bottom:10px;padding:14px 20px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-menu li:hover{color:#fff;background:#ffffff0d;transform:translate(4px)}.nav-menu li.active{color:#fff;box-shadow:0 4px 15px var(--primary-glow);background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid #8b5cf64d;font-weight:600}.content{scroll-behavior:smooth;flex:1;padding:40px 50px;overflow-y:auto}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.header h1{letter-spacing:-.5px;margin:0;font-size:32px;font-weight:700}.user-profile{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px;display:grid}.card{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:20px;padding:24px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0003}.card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.card h3{opacity:.9;margin:0 0 10px;font-size:16px;font-weight:500}.card h2{letter-spacing:-1px;margin:0;font-size:32px;font-weight:800}.gradient-blue{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:none}.gradient-purple{background:linear-gradient(135deg,#4c1d95,#8b5cf6);border:none}.gradient-orange{background:linear-gradient(135deg,#7c2d12,#f97316);border:none}.court-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.court-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:20px;padding:24px;transition:all .3s;position:relative;overflow:hidden}.court-card:before{content:"";background:var(--accent);border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.court-card.in_progress:before{background:var(--primary)}.court-card.overtime_warning:before{background:var(--danger);box-shadow:0 0 15px var(--danger)}.court-card.overtime_warning{background:linear-gradient(to right, #ef44440d, var(--panel-bg));border-color:#ef44444d}.court-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.court-header h3{margin:0;font-size:20px;font-weight:600}.status-text{color:var(--text-muted);font-size:16px;line-height:1.5}.pulse-alert{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-red}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.5;box-shadow:0 0 15px #ef444480}}.ui-input,select.ui-input{border:1px solid var(--panel-border);color:#fff;background:#0003;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.ui-input:focus{border-color:var(--primary);background:#0006;box-shadow:0 0 0 3px #3b82f633}.btn{cursor:pointer;color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.btn-green:hover{background:linear-gradient(135deg,#34d399,#10b981)}.btn-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d}.btn-blue:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.btn-red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.btn-red:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.btn-orange{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.btn-orange:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.btn-sm{border-radius:10px;padding:8px 16px;font-size:13px}.pos-table{border-collapse:separate;border-spacing:0;border:1px solid var(--panel-border);background:#0003;border-radius:16px;width:100%;margin-top:20px;overflow:hidden}.pos-table th,.pos-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:16px 20px}.pos-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#ffffff08;font-size:13px;font-weight:600}.pos-table tr:last-child td{border-bottom:none}.pos-table tr:hover td{background:#ffffff05}.pos-bill{border-radius:20px;max-width:450px;position:relative;overflow:hidden;color:#0f172a!important;background:linear-gradient(#fff,#f8fafc)!important}.pos-bill:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);width:100%;height:6px;position:absolute;top:0;left:0}.pos-bill h3{color:#0f172a;border-bottom:2px dashed #cbd5e1;margin-bottom:20px;padding-bottom:15px;font-weight:700}.pos-items{margin:0;padding:0;list-style:none}.pos-items li{justify-content:space-between;margin-bottom:15px;font-size:15px;display:flex}.pos-total{color:#0f172a;text-align:right;border-top:2px solid #e2e8f0;margin-top:20px;padding-top:20px;font-size:28px;font-weight:800}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#00040fd9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(#0f1729,#0a0f1f);border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:680px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 25px 60px #00000080,0 0 80px #3b82f61a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:28px 32px 20px;display:flex}.modal-header h2{margin:0;font-size:22px;font-weight:700}.modal-close{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.modal-close:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.modal-body{padding:24px 32px 32px}.form-section{margin-bottom:28px}.form-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid.one-col{grid-template-columns:1fr}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.booking-info{background:#0003;border:1px solid #ffffff0d;border-radius:12px;margin-top:16px;padding:14px}.booking-info-row{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.booking-info-row:last-child{margin-bottom:0}.booking-info-label{color:var(--text-muted)}.booking-info-value{color:var(--text-main);font-weight:600}.countdown-timer{font-variant-numeric:tabular-nums;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.countdown-timer.ok{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d}.countdown-timer.warning{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d;animation:2s infinite pulse-yellow}.countdown-timer.overtime{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;animation:1.5s infinite pulse-red}@keyframes pulse-yellow{0%,to{opacity:1}50%{opacity:.7;box-shadow:0 0 12px #f59e0b66}}.item-picker-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:10px 0;display:flex}.item-picker-row:last-child{border-bottom:none}.item-picker-name{flex:1;font-weight:500}.item-picker-stock{color:var(--text-muted);min-width:70px;font-size:12px}.item-picker-price{color:#93c5fd;text-align:right;min-width:90px;font-size:13px}.item-picker-qty{align-items:center;gap:6px;display:flex}.qty-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;transition:all .15s;display:flex}.qty-btn:hover{background:#3b82f633;border-color:#3b82f666}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-value{text-align:center;min-width:28px;font-size:15px;font-weight:700}.cart-summary{background:#10b9810f;border:1px solid #10b98126;border-radius:16px;margin-top:20px;padding:20px}.cart-summary-row{color:var(--text-muted);justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.cart-summary-row:last-child{margin-bottom:0}.cart-summary-total{color:var(--accent);border-top:1px dashed #ffffff1a;justify-content:space-between;margin-top:14px;padding-top:14px;font-size:20px;font-weight:800;display:flex}.court-actions{gap:10px;margin-top:16px;display:flex}.court-actions .btn{flex:1;padding:10px;font-size:13px}.checklist-item{cursor:pointer;background:#0003;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .2s;display:flex}.checklist-item:hover{background:#ffffff08}.checklist-item.checked{background:#10b98114;border-color:#10b98133}.checklist-checkbox{border:2px solid #fff3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;transition:all .2s;display:flex}.checklist-item.checked .checklist-checkbox{background:var(--accent);border-color:var(--accent)}.overtime-badge{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:12px;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.modal-footer{border-top:1px solid #ffffff0f;gap:12px;padding:20px 32px 28px;display:flex}.modal-footer .btn{flex:1;padding:14px;font-size:15px}