*,:after,:before{box-sizing:border-box}html{font-size:14px;-webkit-text-size-adjust:100%}body{font-family:Raleway,sans-serif;background:#f7f7f7;margin:0;overflow-x:hidden;width:100%}.sticky-footer{min-height:100vh;display:flex;flex-direction:column}.sticky-footer>.footer{margin-top:auto}#header{background:#fff;padding:12px 0;border-bottom:1px solid #eee}#header .ttr_header_logo{display:block;margin:0 auto;max-width:220px;height:auto}#header img{max-width:100%;height:auto}.pg-navbar-wrap{background:linear-gradient(180deg,#dc2626,#b91c1c);border-bottom:2px solid #881313;box-shadow:0 4px 14px rgba(0,0,0,.14);position:-webkit-sticky;position:sticky;top:0;z-index:1050;width:100%}.pg-navbar-container{position:relative}.pg-navbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:6px 0;gap:12px}.pg-user-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.22);padding:5px 12px;border-radius:999px;max-width:100%;min-width:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.pg-status-dot{width:7px;height:7px;border-radius:50%;background-color:#4ade80;box-shadow:0 0 6px rgba(74,222,128,.85);flex-shrink:0}.pg-user-name{color:#ffffff;font-weight:700;font-size:12.5px;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:185px;line-height:1.2}.pg-role-badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;letter-spacing:.5px;line-height:1.2;flex-shrink:0}.pg-role-admin{background:linear-gradient(135deg,#fde047,#f59e0b);color:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,.25)}.pg-role-customer{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}.pg-desktop-nav{display:flex;align-items:center;margin-left:auto}.pg-nav-list{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px}.pg-nav-item{position:relative;display:flex;align-items:center;margin:0!important}.pg-nav-divider{width:1px;height:20px;background:rgba(255,255,255,.24);margin:0 2px}.pg-nav-link{display:inline-flex!important;align-items:center;gap:7px;color:rgba(255,255,255,.94)!important;text-decoration:none!important;font-size:12.5px;font-weight:700;letter-spacing:.45px;text-transform:uppercase;padding:8px 13px!important;border-radius:6px;border:none;background:transparent;cursor:pointer;transition:all .16s ease;white-space:nowrap;line-height:1.2}.pg-nav-link:focus,.pg-nav-link:hover{background:rgba(255,255,255,.15);color:#ffffff!important;text-decoration:none!important;outline:none}.pg-nav-link.active{background:rgba(0,0,0,.28);color:#ffffff!important;box-shadow:inset 0 -2px 0 #fde047}.pg-nav-icon{font-size:14px;opacity:.95}.pg-caret{font-size:13px;margin-left:2px;transition:transform .2s ease}.pg-caret.rotated{transform:rotate(180deg)}.pg-dropdown{position:relative}.pg-dropdown-menu{position:absolute;right:0;top:100%;padding-top:8px;z-index:1200;min-width:225px}.pg-dropdown-inner{background:#ffffff;border-radius:10px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.08)}.pg-dropdown-item{display:flex!important;align-items:center;gap:10px;padding:9px 13px;color:#1e293b!important;font-size:13px;font-weight:600;text-decoration:none!important;border-radius:7px;transition:all .14s ease}.pg-dropdown-item i{width:18px;text-align:center;color:#dc2626;font-size:14px}.pg-dropdown-item:hover{background:#fff1f2;color:#b91c1c!important;transform:translateX(2px)}.pg-dropdown-sep{height:1px;background:#f1f5f9;margin:5px 4px}.pg-logout-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.28);color:#ffffff;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:7px 13px;border-radius:6px;cursor:pointer;transition:all .16s ease;margin-left:2px}.pg-logout-btn:hover{background:#7f1d1d;border-color:#fca5a5;color:#fff}.pg-mobile-toggle{display:none;align-items:center;justify-content:center;gap:7px;background:rgba(0,0,0,.25);border:1.5px solid rgba(255,255,255,.45);color:#ffffff;padding:7px 13px;border-radius:7px;font-size:12.5px;font-weight:800;letter-spacing:.6px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.pg-mobile-toggle.is-open,.pg-mobile-toggle:hover{background:rgba(0,0,0,.42);border-color:#fde047;color:#fde047}.pg-mobile-drawer{display:none}.panel{width:100%;box-shadow:0 2px 8px rgba(0,0,0,.06);position:relative;margin-bottom:1.5rem;border:1px solid #e0e0e0;background:#fff;border-radius:6px}.panel-body,.panel-default .panel-body{padding:16px 18px}#gap-panel{background:url(/assets/img/gapback.png) no-repeat 100%;background-size:contain}#sap-panel{background:url(/assets/img/sapback.png) no-repeat 100%;background-size:contain}.text-float-right{float:right}.toggle-button{cursor:pointer;margin-left:5px;color:#dc3545}body{line-height:1.55!important;color:#1e293b}.container.stickyboard,.stickyboard{min-height:60vh;padding:24px 16px 36px!important;background:transparent!important;border-top:none!important}.stickyboard>.row{margin-left:0!important;margin-right:0!important}.col-12.outerbox,.col-md-12.outerbox,.outerbox{background:#ffffff!important;padding:28px 30px!important;border-radius:12px!important;box-shadow:0 4px 20px rgba(15,23,42,.06)!important;border:1px solid #e2e8f0!important}.outerbox h5{font-size:16.5px;font-weight:800;line-height:1.35;margin-top:6px;margin-bottom:8px}.outerbox h6{font-size:13.5px;font-weight:700;line-height:1.4;color:#334155;margin-top:6px;margin-bottom:6px}.outerbox p{line-height:1.6!important;margin-bottom:16px}.outerbox hr{margin-top:24px;margin-bottom:24px;border-top:1px solid #e2e8f0}.titlebar{background:#f8fafc!important;padding:14px 18px!important;border:1px solid #e2e8f0!important;border-left:4px solid #dc2626!important;margin-top:0!important;margin-bottom:22px!important;border-radius:8px!important}.titlebar h4{margin:0!important;color:#b91c1c;font-weight:800;font-size:16.5px;line-height:1.35;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.titlebar h4 .pull-right{margin-left:auto;float:none!important}.titlebar h4 img{width:24px;height:24px}.form-control{border-radius:7px!important;border:1px solid #cbd5e1!important;font-size:14px!important;padding:9px 12px!important;height:auto!important;line-height:1.45!important;color:#0f172a!important}.form-control:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.14)!important}.text-red{color:#dc2626;font-weight:700}.gap-container{border:2px solid #ad8c3b;border-radius:8px;background:#fff8e1;padding:12px}.btn{border-radius:5px;font-weight:600;font-size:13px}.btn-danger{background:#dc3545;border-color:#c5202e;color:#fff}.btn-danger:hover{background:#bd2130;border-color:#b21f2d}.btn-success{background:#28a745;border-color:#1e7e34;color:#fff}.btn-success:hover{background:#218838;border-color:#1e7e34}.btn-rounded{border-radius:20px}.btn-info{background:#3DA8A4;border-color:#369592;color:#fff}.btn-info:hover{background:#328b87;border-color:#2b7774}.table-responsive{width:100%;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #dee2e6;border-radius:6px}.table{width:100%;margin-bottom:0;background-color:transparent}.table td,.table th{padding:10px 12px;vertical-align:middle;border-top:1px solid #dee2e6;font-size:13px}.table thead th{background-color:#f8f9fa;font-weight:700;border-bottom:2px solid #dee2e6;white-space:nowrap}.footer{background:#fff;padding:20px 0;border-top:1px solid #e5e5e5}.footer small{color:#666}.card-adverts img{width:100%;height:auto;border-radius:6px}.payment_container{padding:12px}@media (max-width:991.98px){#branding .col-md-4{text-align:center;margin-bottom:6px}#header .ttr_header_logo{max-width:190px}.pg-desktop-nav{display:none!important}.pg-mobile-toggle{display:inline-flex!important}.pg-user-name{max-width:135px;font-size:12px}.pg-mobile-drawer{display:block!important;width:100%;background:#991b1b;border-radius:10px;margin:4px 0 10px;padding:6px;box-shadow:0 10px 25px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.16)}.pg-mobile-list{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:3px}.pg-mobile-list>li{width:100%;display:block}.pg-mobile-link{width:100%;display:flex!important;align-items:center;justify-content:space-between;padding:12px 14px!important;color:#ffffff!important;font-size:13.5px;font-weight:700;text-decoration:none!important;border-radius:7px;background:rgba(255,255,255,.04);border:none;text-align:left;cursor:pointer;transition:background .15s ease}.pg-mobile-link:focus,.pg-mobile-link:hover{background:rgba(255,255,255,.14);color:#ffffff!important;text-decoration:none!important}.pg-mobile-link.active{background:rgba(0,0,0,.28);border-left:4px solid #fde047;color:#fde047!important}.pg-mobile-link-left{display:inline-flex;align-items:center;gap:10px}.pg-mobile-link-left i{width:20px;text-align:center;font-size:15px}.pg-mobile-arrow{font-size:15px;opacity:.75}.pg-mobile-sublist{background:rgba(0,0,0,.24);border-radius:7px;margin:4px 0 4px 12px;padding:4px;display:flex;flex-direction:column;gap:2px;border-left:2px solid rgba(253,224,71,.5)}.pg-mobile-sublink{display:flex!important;align-items:center;gap:10px;padding:10px 12px;color:rgba(255,255,255,.92)!important;font-size:13px;font-weight:600;text-decoration:none!important;border-radius:6px}.pg-mobile-sublink i{width:18px;text-align:center;color:#fde047}.pg-mobile-sublink:hover{background:rgba(255,255,255,.12);color:#ffffff!important}.pg-mobile-logout-row{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.16)}.pg-mobile-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;background:#7f1d1d;border:1px solid rgba(252,165,165,.4);color:#fde047;font-size:13.5px;font-weight:800;border-radius:7px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.pg-mobile-logout-btn:hover{background:#450a0a;color:#ffffff}.container.stickyboard,.stickyboard{padding:18px 14px 28px!important}.col-12.outerbox,.col-md-12.outerbox,.outerbox{padding:22px!important}}@media (max-width:767.98px){html{font-size:13.5px}.container{padding-left:12px!important;padding-right:12px!important}.container.stickyboard,.stickyboard{padding:14px 12px 24px!important}.col-12.outerbox,.col-md-12.outerbox,.outerbox{padding:20px 18px!important;border-radius:10px!important}.titlebar{padding:12px 14px!important;margin-bottom:18px!important}.titlebar h4{font-size:15px!important;flex-direction:row!important;align-items:center!important;gap:8px}.panel{min-height:auto!important;margin-bottom:12px}.panel,.panel-body{height:auto!important}.panel-body{padding:14px!important}.form-group.row,.form-horizontal .form-group{margin-left:0!important;margin-right:0!important}.form-group.row label,.form-horizontal label{margin-bottom:6px;font-weight:600}.btn-mobile-block{width:100%!important;margin-bottom:8px;display:block!important}.titlebar h4 .pull-right{margin-left:auto!important}.titlebar-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.titlebar-actions .btn{flex:1 1 auto;text-align:center}.stat-card-mobile{margin-bottom:10px!important}.modal-preview-box{width:95vw!important;max-height:90vh!important;padding:12px!important}.table-responsive{border:1px solid #e2e8f0;margin-bottom:12px}.table td,.table th{padding:8px 10px!important;font-size:12px!important}}@media (max-width:480px){#header .ttr_header_logo{max-width:160px}.titlebar h4{font-size:14px!important}.table td,.table th{padding:6px 8px!important;font-size:11px!important}}