*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f4f8;min-height:100vh;font-family:Segoe UI,Arial,sans-serif}.topnav{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);justify-content:space-between;align-items:center;padding:9px 20px;display:flex;box-shadow:0 2px 12px #0000004d}.brand{align-items:center;gap:10px;padding:12px 0;display:flex}.brand-name{color:#fff;letter-spacing:.3px;font-size:15px;font-weight:700}.brand-sub{color:#ffffff80;font-size:11px}.nav-links{gap:2px;display:flex}.nav-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;position:relative}.nav-btn:hover{color:#fff;background:#ffffff1a}.nav-btn.active{color:#fff;background:#ffffff26}.nav-btn.active:after{content:"";background:#4ade80;border-radius:2px;height:2px;position:absolute;bottom:0;left:20%;right:20%}.user-chip{background:#ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.user-avatar{color:#0f2027;background:#4ade80;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.user-name{color:#fff;font-size:12px;font-weight:600}.logout-link{color:#ffffff80;cursor:pointer;background:0 0;border:none;margin-left:4px;font-size:11px}.logout-link:hover{color:#f87171}.panel{max-width:1200px;margin:0 auto;padding:20px}.card{background:#fff;border:1px solid #e8edf2;border-radius:14px;margin-bottom:16px;padding:20px;box-shadow:0 2px 12px #0000000f}.card-title{color:#4a5568;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.login-wrap{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);justify-content:center;align-items:center;min-height:calc(100vh - 62px);display:flex}.login-card{background:#fff;border-radius:20px;width:380px;padding:40px 36px;box-shadow:0 20px 60px #0000004d}.login-logo h2{color:#1a202c;text-align:center;font-size:20px;font-weight:700}.login-logo p{color:#718096;text-align:center;margin-top:4px;font-size:13px}.login-input{border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;margin-bottom:14px;padding:11px 14px;font-size:14px}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f2027,#2c5364);border:none;border-radius:10px;width:100%;padding:13px;font-weight:700}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#718096;text-transform:uppercase;border-bottom:2px solid #e8edf2;padding:10px 12px;font-size:11px;font-weight:700}td{color:#2d3748;border-bottom:1px solid #f0f4f8;padding:10px 12px}.form-section{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:18px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fg label{color:#718096;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.fg input{border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:9px 12px}.fg select{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:14px}.select-box{position:relative}.select-box select{appearance:none;cursor:pointer;padding-right:30px}.select-box:after{content:"▼";color:#718096;pointer-events:none;font-size:10px;position:absolute;top:34px;right:10px}.form-textarea{resize:vertical;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:14px}.form-textarea:focus{border-color:#2c5364}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.stat-card{color:#fff;border-radius:14px;padding:18px;position:relative;overflow:hidden}.stat-card-4{background:linear-gradient(135deg,#968c00,#dbd95e)}.stat-card-val{font-size:26px;font-weight:700}.toast-msg{color:#fff;z-index:9999;background:linear-gradient(135deg,#134e3b,#2a9d6e);border-radius:10px;padding:10px 20px;font-size:13px;position:fixed;bottom:20px;right:20px}.pagination-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:10px;padding-top:20px;display:flex}.pagination-btns{align-items:center;gap:15px;display:flex}.p-btn{cursor:pointer;background:#f0f4f8;border:1px solid #cbd5e0;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:14px;transition:all .2s;display:flex}.p-btn:hover:not(:disabled){color:#fff;background:#2c5364}.p-btn:disabled{opacity:.5;cursor:not-allowed}.p-text{color:#4a5568;font-weight:600}.page-info{color:#718096;font-size:14px}.page-size-select{border:1px solid #cbd5e0;border-radius:6px;outline:none;padding:0 10px;font-size:14px}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);border:none;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 4px 15px #0003}.btn-save:active:not(:disabled){transform:translateY(0)}.btn-save:disabled{cursor:not-allowed;box-shadow:none;background:#bdc3c7}.btn-save:after{content:" →";font-size:18px}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;overflow:hidden;box-shadow:0 10px 30px #00000080}.report-container{color:#333;padding:40px}.report-header{border-bottom:2px solid #0f2027;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.report-header h2{color:#0f2027;margin:0}.sno-badge{color:#fff;background:#2c5364;border-radius:20px;padding:5px 15px;font-size:14px;font-weight:700}.report-row{border-bottom:1px solid #eee;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:10px;padding-bottom:5px;display:grid}.report-col strong{color:#7f8c8d;text-transform:uppercase;font-size:12px;display:block}.report-col span{color:#2c3e50;font-size:12px;font-weight:500}.report-img{width:100px;height:100px}.booking-type{text-align:center;border-bottom:1px dashed #ccc;margin:10px 0;padding-bottom:10px;font-size:18px;font-weight:500}.report-footer{text-align:center;color:#95a5a6;border-top:1px dashed #ccc;margin-top:10px;padding-top:10px;font-size:15px}.modal-actions{background:#f8f9fa;justify-content:flex-end;gap:10px;padding:15px;display:flex}.patteModal-actions{justify-content:flex-end;gap:10px;padding:15px;display:flex}.btn-print,.btn-pdf,.btn-close{cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-weight:600}.btn-print{color:#fff;background:#34495e}.btn-pdf{color:#fff;background:#27ae60}.btn-close{color:#fff;background:#e74c3c}@media print{.no-print,.topnav,.panel,.login-wrap{display:none!important}.modal-overlay{position:static;background:#fff!important}.modal-content{box-shadow:none;border:none;width:100%;max-width:100%}.report-container{padding:0}.report-col strong,.report-col span{font-size:25px!important}.report-img{width:200px;height:200px}}.nav-tabs{align-items:center;gap:8px;height:100%;display:flex}.nav-tab{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:relative}.nav-tab:hover{color:#fff;background:#ffffff1a}.nav-tab.active{color:#fff;background:#ffffff26}.nav-tab.active:after{content:"";background:#4ade80;border-radius:2px;height:2px;position:absolute;bottom:6px;left:20%;right:20%}.filters-bar{background:#fff;border:1px solid #e8edf2;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:20px;margin-bottom:20px;padding:15px 20px;display:flex;box-shadow:0 2px 12px #0000000d}.filter-item{flex-direction:column;flex:1;gap:6px;display:flex}.filter-item.block-filter,.filter-item.patti-filter{flex:0 0 calc(50% - 10px)}.filter-item label{color:#718096;text-transform:uppercase;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.filter-item select,.filter-item input{color:#2d3748;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px;font-size:13px}.filter-item select:focus,.filter-item input:focus{border-color:#2c5364}.user-tag{color:#4a5568;background:#edf2f7;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.stat-card-1{background:linear-gradient(135deg,#0f2027,#2c5364)}.stat-card-2{background:linear-gradient(135deg,#134e3b,#2a9d6e)}.stat-card-3{background:linear-gradient(135deg,#5a1a00,#c05621)}.login-cow{background:linear-gradient(135deg,#0f2027,#2c5364);border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 14px;font-size:32px;display:flex}.brand-icon{background:#ffffff26;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.stat-card-icon{opacity:.3;font-size:28px;position:absolute;top:14px;right:14px}