@import url("style.css");
@import url("auth.css");
@import url("loader.css");
@import url("multi-select.css");

/* admin/accounts.php */
body.php-page-admin-accounts-php, body.php-page-admin-accounts-php *{

            margin: 0;

            padding: 0;

            box-sizing: border-box;

            font-family:
                Arial,
                Helvetica,
                sans-serif;

        }body.php-page-admin-accounts-php{

            background:

                linear-gradient(

                    135deg,

                    #00154a,

                    #000d33

                );

            min-height: 100vh;

            color: white;

            position: relative;

            padding: 22px;

        }body.php-page-admin-accounts-php::before{

            content: "";

            position: fixed;

            inset: 0;

            background:

                url('../images/Logo png-04.png')

                center center

                no-repeat;

            background-size: 460px;

            opacity: 0.07;

            pointer-events: none;

            z-index: 0;

        }body.php-page-admin-accounts-php .container{

            position: relative;

            z-index: 1;

            width: 100%;

            max-width: 100%;

            margin: 0 auto;

        }body.php-page-admin-accounts-php /*
        |--------------------------------------------------------------------------
        | Top Bar
        |--------------------------------------------------------------------------
        */

        .top-bar{

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 30px;

            margin-bottom: 30px;

            margin-top: 18px;

            padding-bottom: 24px;

            border-bottom:

                1px solid

                rgba(
                    255,
                    255,
                    255,
                    0.08
                );

        }body.php-page-admin-accounts-php .page-title{

            font-size: 52px;

            font-weight: 800;

        }body.php-page-admin-accounts-php .back-btn{

            text-decoration: none;

            background: white;

            color: #001845;

            min-width: 170px;

            height: 58px;

            padding: 0 22px;

            border-radius: 16px;

            font-size: 15px;

            font-weight: 700;

            display: flex;

            align-items: center;

            justify-content: center;

            transition: 0.3s ease;

        }body.php-page-admin-accounts-php .back-btn:hover{

            transform:

                translateY(-2px);

            opacity: 0.92;

        }body.php-page-admin-accounts-php /*
        |--------------------------------------------------------------------------
        | Summary Cards
        |--------------------------------------------------------------------------
        */

        .summary-grid{

            display: grid;

            grid-template-columns:

                repeat(
                    4,
                    minmax(0, 1fr)
                );

            gap: 18px;

            margin-bottom: 28px;

        }body.php-page-admin-accounts-php .summary-card{

            background:

                rgba(
                    255,
                    255,
                    255,
                    0.07
                );

            border:

                1px solid

                rgba(
                    255,
                    255,
                    255,
                    0.08
                );

            border-radius: 20px;

            padding: 22px;

        }body.php-page-admin-accounts-php .summary-label{

            color:

                rgba(
                    255,
                    255,
                    255,
                    0.65
                );

            font-size: 13px;

            font-weight: 700;

            text-transform: uppercase;

            letter-spacing: 0.7px;

            margin-bottom: 10px;

        }body.php-page-admin-accounts-php .summary-value{

            font-size: 27px;

            font-weight: 800;

        }body.php-page-admin-accounts-php /*
        |--------------------------------------------------------------------------
        | Table
        |--------------------------------------------------------------------------
        */

        .content-card{

            width: 100%;

            border-radius: 26px;

            overflow: hidden;

            background:

                rgba(
                    255,
                    255,
                    255,
                    0.05
                );

            border:

                1px solid

                rgba(
                    255,
                    255,
                    255,
                    0.08
                );

            backdrop-filter:

                blur(12px);

        }body.php-page-admin-accounts-php .table-header{

            padding:

                28px 30px;

            border-bottom:

                1px solid

                rgba(
                    255,
                    255,
                    255,
                    0.08
                );

        }body.php-page-admin-accounts-php .table-header h2{

            font-size: 27px;

        }body.php-page-admin-accounts-php .table-header p{

            margin-top: 8px;

            color:

                rgba(
                    255,
                    255,
                    255,
                    0.6
                );

        }body.php-page-admin-accounts-php .table-wrapper{

            width: 100%;

            overflow-x: auto;

        }body.php-page-admin-accounts-php table{

            width: 100%;

            border-collapse: collapse;

            min-width: 900px;

        }body.php-page-admin-accounts-php thead{

            background:

                rgba(
                    255,
                    255,
                    255,
                    0.07
                );

        }body.php-page-admin-accounts-php th{

            text-align: left;

            padding:

                18px 22px;

            font-size: 13px;

            text-transform: uppercase;

            letter-spacing: 0.7px;

            color:

                rgba(
                    255,
                    255,
                    255,
                    0.7
                );

        }body.php-page-admin-accounts-php td{

            padding:

                20px 22px;

            border-top:

                1px solid

                rgba(
                    255,
                    255,
                    255,
                    0.06
                );

            font-size: 15px;

        }body.php-page-admin-accounts-php tr:hover{

            background:

                rgba(
                    255,
                    255,
                    255,
                    0.025
                );

        }body.php-page-admin-accounts-php .customer-name{

            font-weight: 700;

        }body.php-page-admin-accounts-php .services{

            max-width: 360px;

            line-height: 1.5;

            color:

                rgba(
                    255,
                    255,
                    255,
                    0.82
                );

        }body.php-page-admin-accounts-php .received-by{

            display: inline-flex;

            align-items: center;

            padding:

                8px 14px;

            border-radius: 999px;

            font-size: 13px;

            font-weight: 700;

            background:

                rgba(
                    255,
                    255,
                    255,
                    0.09
                );

        }body.php-page-admin-accounts-php .amount{

            font-weight: 800;

            white-space: nowrap;

            font-size: 16px;

        }body.php-page-admin-accounts-php /*
        |--------------------------------------------------------------------------
        | Empty State
        |--------------------------------------------------------------------------
        */

        .empty-row{

            text-align: center;

            padding: 55px;

            color:

                rgba(
                    255,
                    255,
                    255,
                    0.6
                );

        }body.php-page-admin-accounts-php /*
        |--------------------------------------------------------------------------
        | Page Totals
        |--------------------------------------------------------------------------
        */

        .page-summary{

            display: grid;

            grid-template-columns:

                repeat(
                    4,
                    minmax(0, 1fr)
                );

            gap: 16px;

            padding: 25px 30px 30px;

            border-top:

                1px solid

                rgba(
                    255,
                    255,
                    255,
                    0.08
                );

        }body.php-page-admin-accounts-php .account-balance{

            background:

                rgba(
                    255,
                    255,
                    255,
                    0.06
                );

            border-radius: 16px;

            padding: 18px;

        }body.php-page-admin-accounts-php .account-name{

            color:

                rgba(
                    255,
                    255,
                    255,
                    0.65
                );

            font-size: 13px;

            font-weight: 700;

            margin-bottom: 8px;

        }body.php-page-admin-accounts-php .account-amount{

            font-size: 22px;

            font-weight: 800;

        }body.php-page-admin-accounts-php /*
        |--------------------------------------------------------------------------
        | Pagination
        |--------------------------------------------------------------------------
        */

        .pagination{

            display: flex;

            justify-content: center;

            align-items: center;

            gap: 10px;

            padding:

                28px 20px;

            flex-wrap: wrap;

        }body.php-page-admin-accounts-php .page-link{

            min-width: 42px;

            height: 42px;

            padding: 0 12px;

            border-radius: 12px;

            display: flex;

            align-items: center;

            justify-content: center;

            text-decoration: none;

            color: white;

            background:

                rgba(
                    255,
                    255,
                    255,
                    0.08
                );

            font-weight: 700;

            transition: 0.2s ease;

        }body.php-page-admin-accounts-php .page-link:hover{

            background:

                rgba(
                    255,
                    255,
                    255,
                    0.15
                );

        }body.php-page-admin-accounts-php .page-link.active{

            background: white;

            color: #001845;

        }body.php-page-admin-accounts-php .account-alert{
            margin-bottom: 18px;
            padding: 14px 18px;
            border-radius: 14px;
            font-weight: 700;
        }body.php-page-admin-accounts-php .account-alert.success{
            background: rgba(30, 200, 110, 0.16);
            border: 1px solid rgba(30, 200, 110, 0.35);
        }body.php-page-admin-accounts-php .account-alert.error{
            background: rgba(255, 80, 110, 0.16);
            border: 1px solid rgba(255, 80, 110, 0.35);
        }body.php-page-admin-accounts-php .debit-card{ margin-bottom: 22px; }body.php-page-admin-accounts-php .debit-form{
            display: grid;
            grid-template-columns: 1fr 1fr 1.6fr auto;
            gap: 16px;
            padding: 24px 30px 30px;
            align-items: end;
        }body.php-page-admin-accounts-php .debit-field{ display: flex; flex-direction: column; gap: 8px; }body.php-page-admin-accounts-php .debit-field label{
            font-size: 13px;
            font-weight: 700;
            color: rgba(255,255,255,0.72);
        }body.php-page-admin-accounts-php .debit-field input, body.php-page-admin-accounts-php .debit-field select{
            width: 100%;
            height: 48px;
            padding: 0 14px;
            border: 1px solid rgba(255,255,255,0.12);
            border-radius: 12px;
            background: #fff;
            color: #001845;
            font-size: 14px;
            outline: none;
        }body.php-page-admin-accounts-php .debit-submit{
            height: 48px;
            padding: 0 22px;
            border: 0;
            border-radius: 12px;
            background: #fff;
            color: #001845;
            font-weight: 800;
            cursor: pointer;
        }body.php-page-admin-accounts-php .transaction-credit, body.php-page-admin-accounts-php .transaction-debit{
            display: inline-block;
            padding: 6px 10px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 800;
        }body.php-page-admin-accounts-php .transaction-credit{
            background: rgba(30, 200, 110, 0.15);
            color: #6dffae;
        }body.php-page-admin-accounts-php .transaction-debit{
            background: rgba(255, 90, 120, 0.15);
            color: #ff9bad;
        }

        /*
        |--------------------------------------------------------------------------
        | Responsive
        |--------------------------------------------------------------------------
        */

        @media (
            max-width: 1100px
        ) {body.php-page-admin-accounts-php .summary-grid{

                grid-template-columns:

                    repeat(
                        2,
                        minmax(0, 1fr)
                    );

            }body.php-page-admin-accounts-php .page-summary{

                grid-template-columns:

                    repeat(
                        2,
                        minmax(0, 1fr)
                    );

            }

        }


        @media (
            max-width: 768px
        ) {body.php-page-admin-accounts-php{

                padding:

                    20px 14px;

            }body.php-page-admin-accounts-php .top-bar{

                flex-direction: column;

                align-items: flex-start;

            }body.php-page-admin-accounts-php .page-title{

                font-size: 36px;

            }body.php-page-admin-accounts-php .summary-grid{

                grid-template-columns:

                    1fr;

            }body.php-page-admin-accounts-php .page-summary{

                grid-template-columns:

                    1fr;

            }body.php-page-admin-accounts-php .debit-form{ grid-template-columns: 1fr; }body.php-page-admin-accounts-php .back-btn{

                width: 100%;

            }

        }

    

/* admin/add-user.php */
body.php-page-admin-add-user-php{

            margin: 0;
            padding: 40px 20px;

            min-height: 100vh;

            overflow-y: auto;

            font-family: Arial, Helvetica, sans-serif;

            background:
                linear-gradient(135deg,
                    #000814 0%,
                    #001233 50%,
                    #000814 100%);

            color: white;
        }body.php-page-admin-add-user-php .add-user-container{

            width: 100%;
            max-width: 1100px;

            margin: 0 auto;
        }body.php-page-admin-add-user-php .page-header{

            display: flex;
            justify-content: space-between;
            align-items: center;

            margin-bottom: 40px;
        }body.php-page-admin-add-user-php .page-title{

            font-size: 58px;
            font-weight: 800;
            margin: 0;
        }body.php-page-admin-add-user-php .back-btn{

            text-decoration: none;

            background: white;
            color: #000814;

            padding: 14px 24px;

            border-radius: 14px;

            font-weight: 700;

            transition: 0.3s ease;
        }body.php-page-admin-add-user-php .back-btn:hover{

            transform: translateY(-2px);
        }body.php-page-admin-add-user-php .form-card{

            background: rgba(255, 255, 255, 0.06);

            border: 1px solid rgba(255, 255, 255, 0.08);

            backdrop-filter: blur(14px);

            border-radius: 28px;

            padding: 40px;

            box-shadow:
                0 20px 50px rgba(0, 0, 0, 0.35);
        }body.php-page-admin-add-user-php .form-grid{

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 24px;
        }body.php-page-admin-add-user-php .form-group{

            display: flex;
            flex-direction: column;
        }body.php-page-admin-add-user-php .form-group.full{

            grid-column: 1 / -1;
        }body.php-page-admin-add-user-php label{

            margin-bottom: 10px;

            font-size: 15px;
            font-weight: 600;

            color: rgba(255, 255, 255, 0.8);
        }body.php-page-admin-add-user-php input, body.php-page-admin-add-user-php select, body.php-page-admin-add-user-php textarea{

            width: 100%;

            padding: 16px 18px;

            border: none;
            outline: none;

            border-radius: 16px;

            background: rgba(255, 255, 255, 0.08);

            color: white;

            font-size: 16px;

            box-sizing: border-box;

            border: 1px solid rgba(255, 255, 255, 0.08);

            transition: 0.3s ease;
        }body.php-page-admin-add-user-php input::placeholder, body.php-page-admin-add-user-php textarea::placeholder{

            color: rgba(255, 255, 255, 0.5);
        }body.php-page-admin-add-user-php input:focus, body.php-page-admin-add-user-php select:focus, body.php-page-admin-add-user-php textarea:focus{

            border: 1px solid rgba(255, 255, 255, 0.25);

            background: rgba(255, 255, 255, 0.12);
        }body.php-page-admin-add-user-php textarea{

            resize: none;
            min-height: 120px;
        }body.php-page-admin-add-user-php .submit-btn{

            margin-top: 35px;

            border: none;
            cursor: pointer;

            background: white;
            color: #000814;

            padding: 18px 34px;

            border-radius: 16px;

            font-size: 17px;
            font-weight: 800;

            transition: 0.3s ease;
        }body.php-page-admin-add-user-php .submit-btn:hover{

            transform: translateY(-3px);

            box-shadow:
                0 10px 25px rgba(255, 255, 255, 0.15);
        }

        @media(max-width:768px) {body.php-page-admin-add-user-php .page-header{

                flex-direction: column;
                gap: 20px;

                align-items: flex-start;
            }body.php-page-admin-add-user-php .page-title{

                font-size: 42px;
            }body.php-page-admin-add-user-php .form-grid{

                grid-template-columns: 1fr;
            }body.php-page-admin-add-user-php .form-card{

                padding: 28px;
            }
        }
    
body.php-page-admin-add-user-php .php-inline-style-admin-add-user-php-1{display:none;}
body.php-page-admin-add-user-php .php-inline-style-admin-add-user-php-2{width:auto; margin-right:8px;}
body.php-page-admin-add-user-php .php-inline-style-admin-add-user-php-3{color:rgba(255,255,255,.65); line-height:1.4;}

/* admin/custom-membership-details.php */
body.php-page-admin-custom-membership-details-php{
            margin: 0;
            padding: 40px 20px;
            min-height: 100vh;
            font-family: Arial, sans-serif;
            background: linear-gradient(135deg, #000814, #001233, #000814);
            color: #fff;
        }body.php-page-admin-custom-membership-details-php .card{
            max-width: 900px;
            margin: auto;
            padding: 36px;
            border-radius: 24px;
            background: rgba(255, 255, 255, .06);
            border: 1px solid rgba(255, 255, 255, .12);
        }body.php-page-admin-custom-membership-details-php h1{
            margin-top: 0;
        }body.php-page-admin-custom-membership-details-php .grid{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            margin: 18px 0;
        }body.php-page-admin-custom-membership-details-php label{
            display: block;
            margin-bottom: 7px;
            font-weight: 600;
        }body.php-page-admin-custom-membership-details-php input, body.php-page-admin-custom-membership-details-php select{
            box-sizing: border-box;
            width: 100%;
            padding: 13px;
            border-radius: 10px;
            border: 1px solid rgba(255, 255, 255, .2);
            background: rgba(255, 255, 255, .1);
            color: #fff;
        }body.php-page-admin-custom-membership-details-php option{
            color: #111;
        }body.php-page-admin-custom-membership-details-php .vehicle{
            border-top: 1px solid rgba(255, 255, 255, .15);
            padding-top: 20px;
            margin-top: 20px;
        }body.php-page-admin-custom-membership-details-php button{
            margin-top: 22px;
            border: 0;
            border-radius: 12px;
            padding: 15px 24px;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
        }

        @media(max-width:700px) {body.php-page-admin-custom-membership-details-php .grid{
                grid-template-columns: 1fr
            }body.php-page-admin-custom-membership-details-php .card{
                padding: 24px
            }
        }
    
body.php-page-admin-custom-membership-details-php .php-inline-style-admin-custom-membership-details-php-1{margin-top:18px;}
body.php-page-admin-custom-membership-details-php .php-inline-style-admin-custom-membership-details-php-2{margin-top:18px;}
body.php-page-admin-custom-membership-details-php .php-inline-style-admin-custom-membership-details-php-3{display:none;}

/* admin/daily-clean-check.php */
body.php-page-admin-daily-clean-check-php, body.php-page-admin-daily-clean-check-php *{ box-sizing: border-box; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }body.php-page-admin-daily-clean-check-php{ min-height: 100vh; color:#fff; background:linear-gradient(135deg,#00154a,#000d33); padding:22px; }body.php-page-admin-daily-clean-check-php::before{ content:""; position:fixed; inset:0; background:url('../images/Logo png-04.png') center center no-repeat; background-size:460px; opacity:.07; pointer-events:none; }body.php-page-admin-daily-clean-check-php .container{ position:relative; z-index:1; max-width:1600px; margin:0 auto; }body.php-page-admin-daily-clean-check-php .top-bar{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0 24px; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:26px; flex-wrap:wrap; }body.php-page-admin-daily-clean-check-php h1{ font-size:48px; font-weight:800; }body.php-page-admin-daily-clean-check-php .top-actions{ display:flex; gap:10px; flex-wrap:wrap; }body.php-page-admin-daily-clean-check-php .back-btn, body.php-page-admin-daily-clean-check-php .add-btn, body.php-page-admin-daily-clean-check-php .action-btn{ border:0; border-radius:16px; padding:15px 24px; font-weight:700; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }body.php-page-admin-daily-clean-check-php .back-btn{ background:#fff; color:#06194e; }body.php-page-admin-daily-clean-check-php .add-btn{ background:#4ee1b0; color:#052343; }body.php-page-admin-daily-clean-check-php .action-btn{ background:#fff; color:#06194e; min-width:190px; }body.php-page-admin-daily-clean-check-php .action-btn.danger{ background:#5a2d54; color:#ffd4df; }body.php-page-admin-daily-clean-check-php .stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:22px; }body.php-page-admin-daily-clean-check-php .stat, body.php-page-admin-daily-clean-check-php .panel{ background:rgba(24,48,104,.72); border:1px solid rgba(255,255,255,.06); border-radius:22px; box-shadow:0 18px 45px rgba(0,0,0,.18); }body.php-page-admin-daily-clean-check-php .stat{ padding:20px 24px; }body.php-page-admin-daily-clean-check-php .stat-label{ color:#b9c8e8; font-size:13px; text-transform:uppercase; letter-spacing:.08em; }body.php-page-admin-daily-clean-check-php .stat-value{ font-size:30px; font-weight:800; margin-top:8px; }body.php-page-admin-daily-clean-check-php .panel{ overflow:hidden; }body.php-page-admin-daily-clean-check-php .panel-title{ padding:25px 28px; font-size:28px; font-weight:800; border-bottom:1px solid rgba(255,255,255,.06); }body.php-page-admin-daily-clean-check-php .toolbar{ display:flex; gap:12px; align-items:center; justify-content:space-between; padding:18px 22px; flex-wrap:wrap; }body.php-page-admin-daily-clean-check-php .toolbar-note{ color:#b9c8e8; }body.php-page-admin-daily-clean-check-php .message{ margin:0 22px 18px; padding:14px 18px; border-radius:14px; font-weight:700; }body.php-page-admin-daily-clean-check-php .message.success{ background:rgba(28,145,112,.22); border:1px solid rgba(62,220,164,.3); }body.php-page-admin-daily-clean-check-php .message.error{ background:rgba(145,42,63,.25); border:1px solid rgba(255,115,140,.3); }body.php-page-admin-daily-clean-check-php .table-wrap{ overflow-x:auto; }body.php-page-admin-daily-clean-check-php table{ width:100%; border-collapse:collapse; min-width:900px; }body.php-page-admin-daily-clean-check-php th{ text-align:left; background:#1d356d; color:#dce6ff; padding:18px 20px; font-size:13px; text-transform:uppercase; letter-spacing:.05em; }body.php-page-admin-daily-clean-check-php td{ padding:17px 20px; border-top:1px solid rgba(255,255,255,.06); background:rgba(21,44,94,.72); vertical-align:middle; }body.php-page-admin-daily-clean-check-php tr:hover td{ background:rgba(32,58,115,.8); }body.php-page-admin-daily-clean-check-php .vehicle-number{ font-weight:800; font-size:17px; }body.php-page-admin-daily-clean-check-php .owner{ font-weight:700; }body.php-page-admin-daily-clean-check-php .sub{ color:#aebddc; font-size:13px; margin-top:4px; }body.php-page-admin-daily-clean-check-php .status{ font-weight:800; }body.php-page-admin-daily-clean-check-php .status.completed{ color:#52e4ae; }body.php-page-admin-daily-clean-check-php .status.not-cleaned{ color:#ffb2bf; }body.php-page-admin-daily-clean-check-php .status.pending{ color:#fff; }body.php-page-admin-daily-clean-check-php .reason{ max-width:360px; color:#d9e2f6; }body.php-page-admin-daily-clean-check-php input[type=checkbox]{ width:20px; height:20px; accent-color:#fff; cursor:pointer; }body.php-page-admin-daily-clean-check-php .empty{ text-align:center; padding:40px; color:#b9c8e8; }body.php-page-admin-daily-clean-check-php .modal-backdrop{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.68); z-index:20; align-items:center; justify-content:center; padding:20px; }body.php-page-admin-daily-clean-check-php .modal-backdrop.open{ display:flex; }body.php-page-admin-daily-clean-check-php .modal{ width:min(600px,100%); background:#10275b; border:1px solid rgba(255,255,255,.1); border-radius:22px; padding:28px; box-shadow:0 30px 80px rgba(0,0,0,.5); }body.php-page-admin-daily-clean-check-php .modal h2{ font-size:26px; margin-bottom:12px; }body.php-page-admin-daily-clean-check-php .modal p{ color:#c0cce4; margin-bottom:18px; line-height:1.5; }body.php-page-admin-daily-clean-check-php .modal label{ display:block; margin-bottom:8px; color:#dce6ff; font-weight:700; }body.php-page-admin-daily-clean-check-php .modal input[type=text], body.php-page-admin-daily-clean-check-php textarea{ width:100%; border:0; border-radius:14px; padding:15px; font:inherit; outline:none; }body.php-page-admin-daily-clean-check-php .modal input[type=text]{ margin-bottom:10px; text-transform:uppercase; }body.php-page-admin-daily-clean-check-php textarea{ min-height:120px; resize:vertical; }body.php-page-admin-daily-clean-check-php .modal-hint{ color:#aebddc; font-size:13px; margin-bottom:4px; }body.php-page-admin-daily-clean-check-php .modal-actions{ display:flex; gap:12px; justify-content:flex-end; margin-top:18px; flex-wrap:wrap; }body.php-page-admin-daily-clean-check-php .cancel-btn{ background:#263d73; color:#fff; }
        @media(max-width:900px) {body.php-page-admin-daily-clean-check-php .stats{ grid-template-columns:repeat(2,minmax(0,1fr)); }body.php-page-admin-daily-clean-check-php h1{ font-size:38px; } }
        @media(max-width:560px) {body.php-page-admin-daily-clean-check-php .stats{ grid-template-columns:1fr; }body.php-page-admin-daily-clean-check-php .action-btn, body.php-page-admin-daily-clean-check-php .back-btn, body.php-page-admin-daily-clean-check-php .add-btn{ width:100%; }body.php-page-admin-daily-clean-check-php .top-actions{ width:100%; } }
    
body.php-page-admin-daily-clean-check-php .php-inline-style-admin-daily-clean-check-php-1{display:flex;gap:10px;flex-wrap:wrap;}
body.php-page-admin-daily-clean-check-php .php-inline-style-admin-daily-clean-check-php-2{width:60px;}

/* admin/dashboard.php */
body.php-page-admin-dashboard-php, body.php-page-admin-dashboard-php *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, Helvetica, sans-serif;
        }body.php-page-admin-dashboard-php{

            font-family: Arial, Helvetica, sans-serif;

            background:
                linear-gradient(135deg,
                    #00154a,
                    #000d33);

            min-height: 100vh;

            color: white;

            position: relative;

            overflow-x: hidden;

            padding: 22px;
        }body.php-page-admin-dashboard-php::before{

            content: "";

            position: fixed;

            inset: 0;

            background:
                url('../images/Logo png-04.png') center center no-repeat;

            background-size: 460px;

            opacity: 0.07;

            filter: none;

            pointer-events: none;

            z-index: 0;
        }body.php-page-admin-dashboard-php .container{

            position: relative;

            z-index: 1;

            width: 100%;

            max-width: 100%;

            margin: 0 auto;
        }body.php-page-admin-dashboard-php .top-bar{
            display: flex;
            align-items: center;
            gap: 30px;

            margin-bottom: 36px;
            margin-top: 18px;
            padding-bottom: 24px;

            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }body.php-page-admin-dashboard-php .page-title{

            width: 340px;

            font-size: 52px;

            font-weight: 800;

            line-height: 0.95;

            display: flex;

            flex-direction: column;

            justify-content: center;

            flex-shrink: 0;
        }body.php-page-admin-dashboard-php .title-indent{
            padding-left: 32px;
        }body.php-page-admin-dashboard-php .search-wrapper{

            flex: 1;
        }body.php-page-admin-dashboard-php .search-wrapper input{

            width: 100%;

            height: 58px;

            border: none;

            outline: none;

            border-radius: 18px;

            padding: 0 22px;

            background:
                rgba(255, 255, 255, 0.08);

            backdrop-filter: blur(12px);

            color: white;

            font-size: 16px;

            border:
                1px solid rgba(255, 255, 255, 0.08);

            transition: 0.3s ease;
        }body.php-page-admin-dashboard-php .search-wrapper input::placeholder{

            color: rgba(255, 255, 255, 0.55);
        }body.php-page-admin-dashboard-php .search-wrapper input:focus{

            border:
                1px solid #3b82f6;

            box-shadow:
                0 0 0 4px rgba(59, 130, 246, 0.15);
        }body.php-page-admin-dashboard-php .top-actions{
            display: flex;
            gap: 12px;
            justify-content: flex-end;
            flex-wrap: nowrap;
            flex-shrink: 0;
        }body.php-page-admin-dashboard-php .btn{
            text-decoration: none;

            background: white;
            color: #001845;

            min-width: 150px;
            height: 58px;

            padding: 0 18px;

            border-radius: 16px;

            font-size: 15px;
            font-weight: 700;

            display: flex;
            align-items: center;
            justify-content: center;

            text-align: center;

            white-space: nowrap;

            transition: .3s ease;
        }body.php-page-admin-dashboard-php .btn:hover{

            transform: translateY(-2px);

            opacity: 0.92;
        }body.php-page-admin-dashboard-php .table-wrapper{

            width: 100%;

            overflow-x: auto;

            background:
                rgba(255, 255, 255, 0.05);

            border:
                1px solid rgba(255, 255, 255, 0.08);

            border-radius: 26px;

            backdrop-filter: blur(12px);
        }body.php-page-admin-dashboard-php table{

            width: 100%;

            /*
             * The dashboard has several columns, and the membership
             * start/end headings are longer than the old fixed column width.
             * Let the browser size columns from their content and provide
             * horizontal scrolling when the available viewport is narrower.
             */
            min-width: 1800px;

            table-layout: auto;

            border-collapse: collapse;
        }body.php-page-admin-dashboard-php /* Keep membership dates in dedicated columns so their headings
           and values never paint over each other. */
        th:nth-child(7), body.php-page-admin-dashboard-php td:nth-child(7), body.php-page-admin-dashboard-php th:nth-child(8), body.php-page-admin-dashboard-php td:nth-child(8){

            min-width: 155px;

            white-space: nowrap;
        }body.php-page-admin-dashboard-php th:last-child, body.php-page-admin-dashboard-php td:last-child{

            width: 130px;

            min-width: 130px;

            white-space: nowrap;

        }body.php-page-admin-dashboard-php td{

            overflow-wrap: anywhere;

            word-break: break-word;

        }body.php-page-admin-dashboard-php thead{

            background:
                rgba(255, 255, 255, 0.06);
        }body.php-page-admin-dashboard-php th{

            padding: 24px 20px;

            text-align: left;

            font-size: 14px;

            text-transform: uppercase;

            letter-spacing: 1px;

            color: #dbeafe;

            border-bottom:
                1px solid rgba(255, 255, 255, 0.08);

            white-space: nowrap;
        }body.php-page-admin-dashboard-php td{

            padding: 24px 20px;

            border-bottom:
                1px solid rgba(255, 255, 255, 0.05);

            vertical-align: middle;

            font-size: 15px;

            color: #f8fafc;

            overflow-wrap: anywhere;

            word-break: break-word;
        }body.php-page-admin-dashboard-php tr:hover{

            background:
                rgba(255, 255, 255, 0.03);
        }body.php-page-admin-dashboard-php .name-cell strong{

            display: block;

            font-size: 16px;

            margin-bottom: 6px;
        }body.php-page-admin-dashboard-php .small-text{

            font-size: 13px;

            opacity: 0.7;
        }body.php-page-admin-dashboard-php .vehicle-name{

            font-size: 16px;

            font-weight: 700;

            margin-bottom: 6px;
        }body.php-page-admin-dashboard-php .badge{

            display: inline-flex;

            align-items: center;

            justify-content: center;

            padding: 10px 18px;

            border-radius: 999px;

            font-size: 13px;

            font-weight: 700;
        }body.php-page-admin-dashboard-php .active{

            background: #00c85322;

            color: #4dff91;
        }body.php-page-admin-dashboard-php .inactive{

            background: #ff174422;

            color: #ff7b91;
        }body.php-page-admin-dashboard-php .pickup-yes{

            color: #4dff91;

            font-weight: 700;
        }body.php-page-admin-dashboard-php .pickup-no{

            color: #ff7b91;

            font-weight: 700;
        }body.php-page-admin-dashboard-php .profile-btn{

            text-decoration: none;

            background: white;

            color: #001845;

            padding: 12px 18px;

            border-radius: 12px;

            font-size: 14px;

            font-weight: 700;

            display: inline-flex;

            transition: 0.3s ease;
        }body.php-page-admin-dashboard-php .profile-btn:hover{

            background: #2563eb;

            color: white;
        }body.php-page-admin-dashboard-php .price{

            font-weight: 700;
        }body.php-page-admin-dashboard-php .pagination{

            display: flex;

            justify-content: center;

            align-items: center;

            gap: 12px;

            margin-top: 28px;

            flex-wrap: wrap;
        }body.php-page-admin-dashboard-php .page-link{

            text-decoration: none;

            min-width: 48px;

            height: 48px;

            padding: 0 18px;

            display: flex;

            align-items: center;

            justify-content: center;

            border-radius: 14px;

            font-weight: 700;

            border:
                1px solid rgba(255, 255, 255, 0.08);

            transition: 0.3s ease;
        }body.php-page-admin-dashboard-php .page-link:hover{

            transform: translateY(-2px);
        }body.php-page-admin-dashboard-php .page-active{

            background: white;

            color: #001845;
        }body.php-page-admin-dashboard-php .page-normal{

            background:
                rgba(255, 255, 255, 0.08);

            color: white;
        }

        @media(max-width:992px) {body.php-page-admin-dashboard-php .page-title{

                font-size: 44px;
            }

        }body.php-page-admin-dashboard-php .mobile-actions-toggle{

            display: none;

            border: none;

            background:
                rgba(255, 255, 255, 0.08);

            color: white;

            width: 50px;

            height: 50px;

            border-radius: 14px;

            font-size: 24px;

            cursor: pointer;

            align-items: center;

            justify-content: center;

            transition: 0.3s ease;
        }body.php-page-admin-dashboard-php .mobile-actions-toggle:hover{

            background:
                rgba(255, 255, 255, 0.15);
        }

        @media(max-width:768px) {body.php-page-admin-dashboard-php{

                padding: 20px 14px;
            }body.php-page-admin-dashboard-php .top-bar{

                position: relative;

                flex-direction: column;

                align-items: flex-start;

                gap: 20px;
            }body.php-page-admin-dashboard-php .page-title{

                width: auto;

                font-size: 36px;

                padding-right: 65px;
            }body.php-page-admin-dashboard-php .search-wrapper{

                width: 100%;

                max-width: 100%;
            }body.php-page-admin-dashboard-php .mobile-actions-toggle{

                display: inline-flex;

                position: absolute;

                top: 0;

                right: 0;
            }body.php-page-admin-dashboard-php .top-actions{

                display: none;

                position: absolute;

                top: 62px;

                right: 0;

                width: min(280px, calc(100vw - 28px));

                padding: 12px;

                flex-direction: column;

                gap: 10px;

                background: #102044;

                border:
                    1px solid rgba(255, 255, 255, 0.12);

                border-radius: 18px;

                box-shadow:
                    0 18px 45px rgba(0, 0, 0, 0.35);

                z-index: 1000;
            }body.php-page-admin-dashboard-php .top-actions.open{

                display: flex;
            }body.php-page-admin-dashboard-php .top-actions .btn{

                width: 100%;

                min-width: 0;

                height: 52px;
            }

        }
    

/* admin/edit-user.php */
body.php-page-admin-edit-user-php, body.php-page-admin-edit-user-php *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, Helvetica, sans-serif;
        }body.php-page-admin-edit-user-php{
            background:
                linear-gradient(rgba(0, 20, 80, 0.92), rgba(0, 8, 40, 0.95)),
                url('../images/logo.png') center center no-repeat;
            background-size: 420px;
            min-height: 100vh;
            color: white;
            padding: 40px 20px;
        }body.php-page-admin-edit-user-php .container{
            max-width: 1100px;
            margin: auto;
        }body.php-page-admin-edit-user-php .top-bar{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 40px;
            gap: 20px;
            flex-wrap: wrap;
        }body.php-page-admin-edit-user-php h1{
            font-size: 64px;
            font-weight: 800;
        }body.php-page-admin-edit-user-php .back-btn{
            background: white;
            color: #001b5e;
            text-decoration: none;
            padding: 16px 28px;
            border-radius: 16px;
            font-weight: 700;
            transition: 0.3s;
        }body.php-page-admin-edit-user-php .back-btn:hover{
            transform: translateY(-2px);
        }body.php-page-admin-edit-user-php .form-wrapper{
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 28px;
            padding: 40px;
            backdrop-filter: blur(10px);
        }body.php-page-admin-edit-user-php .form-grid{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 26px;
        }body.php-page-admin-edit-user-php .form-group{
            display: flex;
            flex-direction: column;
        }body.php-page-admin-edit-user-php .full{
            grid-column: 1 / -1;
        }body.php-page-admin-edit-user-php label{
            margin-bottom: 10px;
            color: #cbd5e1;
            text-transform: uppercase;
            font-size: 13px;
            letter-spacing: 1.5px;
        }body.php-page-admin-edit-user-php input, body.php-page-admin-edit-user-php select, body.php-page-admin-edit-user-php textarea{
            width: 100%;
            border: none;
            border-radius: 18px;
            padding: 18px;
            font-size: 16px;
            background: white;
            color: #111827;
            outline: none;
        }body.php-page-admin-edit-user-php textarea{
            min-height: 120px;
            resize: vertical;
        }body.php-page-admin-edit-user-php .actions{
            margin-top: 35px;
            display: flex;
            gap: 18px;
            flex-wrap: wrap;
        }body.php-page-admin-edit-user-php .save-btn{
            background: white;
            color: #001b5e;
            border: none;
            padding: 16px 32px;
            border-radius: 18px;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            transition: 0.3s;
        }body.php-page-admin-edit-user-php .save-btn:hover{
            transform: translateY(-2px);
        }body.php-page-admin-edit-user-php .cancel-btn{
            background: rgba(255, 255, 255, 0.12);
            color: white;
            text-decoration: none;
            padding: 16px 32px;
            border-radius: 18px;
            font-size: 16px;
            font-weight: 700;
            transition: 0.3s;
        }body.php-page-admin-edit-user-php .cancel-btn:hover{
            background: rgba(255, 255, 255, 0.2);
        }

        @media(max-width:768px) {body.php-page-admin-edit-user-php{
                padding: 24px 16px;
            }body.php-page-admin-edit-user-php h1{
                font-size: 42px;
            }body.php-page-admin-edit-user-php .form-grid{
                grid-template-columns: 1fr;
            }body.php-page-admin-edit-user-php .form-wrapper{
                padding: 24px;
            }

        }
    

/* admin/manage-appointments.php */
body.php-page-admin-manage-appointments-php, body.php-page-admin-manage-appointments-php *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
        }body.php-page-admin-manage-appointments-php{

            background:
                linear-gradient(135deg,
                    #000428 0%,
                    #001845 45%,
                    #001d5c 100%);

            color: white;
            min-height: 100vh;
            position: relative;
        }body.php-page-admin-manage-appointments-php::before{

            content: "";

            position: fixed;
            inset: 0;

            background:
                url('../images/Logo png-04.png') center center no-repeat;

            background-size: 420px;

            opacity: 0.045;

            pointer-events: none;

            z-index: 0;
        }body.php-page-admin-manage-appointments-php .container{

            position: relative;
            z-index: 2;

            width: 100%;
            max-width: 1700px;

            margin: auto;

            padding: 35px 30px 80px;
        }body.php-page-admin-manage-appointments-php .top-bar{

            display: flex;
            justify-content: space-between;
            align-items: center;

            margin-bottom: 35px;

            padding-bottom: 24px;

            border-bottom:
                1px solid rgba(255, 255, 255, 0.08);
        }body.php-page-admin-manage-appointments-php .page-title{

            font-size: 72px;
            font-weight: 800;
        }body.php-page-admin-manage-appointments-php .back-btn{

            background: white;
            color: #001845;

            text-decoration: none;

            padding: 14px 24px;

            border-radius: 16px;

            font-weight: 700;
        }body.php-page-admin-manage-appointments-php .appointments-wrapper{

            display: flex;
            flex-direction: column;
            gap: 22px;
        }body.php-page-admin-manage-appointments-php .appointment-card{

            background:
                rgba(255, 255, 255, 0.06);

            border:
                1px solid rgba(255, 255, 255, 0.08);

            border-radius: 26px;

            padding: 28px;

            display: grid;

            grid-template-columns:
                1.2fr 1fr 1fr 1fr 1.4fr;

            gap: 24px;

            align-items: center;
        }body.php-page-admin-manage-appointments-php .label{

            font-size: 13px;

            text-transform: uppercase;

            letter-spacing: 1px;

            opacity: 0.7;

            margin-bottom: 10px;
        }body.php-page-admin-manage-appointments-php .value{

            font-size: 18px;
            font-weight: 700;
            line-height: 1.4;
        }body.php-page-admin-manage-appointments-php .status{

            display: inline-block;

            padding: 10px 18px;

            border-radius: 999px;

            font-size: 13px;

            font-weight: 700;
        }body.php-page-admin-manage-appointments-php .pending{

            background: #5b4b14;
            color: #ffdb58;
        }body.php-page-admin-manage-appointments-php .accepted{

            background: #134b2b;
            color: #51ff9c;
        }body.php-page-admin-manage-appointments-php .rejected{

            background: #4d1c25;
            color: #ff7b9c;
        }body.php-page-admin-manage-appointments-php .action-buttons{

            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }body.php-page-admin-manage-appointments-php .btn{

            border: none;

            border-radius: 16px;

            padding: 14px 22px;

            font-size: 15px;

            font-weight: 700;

            cursor: pointer;

            transition: 0.2s ease;
        }body.php-page-admin-manage-appointments-php .section-title{
            font-size: 36px;
            font-weight: 800;
            margin: 40px 0 20px;
        }body.php-page-admin-manage-appointments-php .all-done{
            text-align: center;
            padding: 100px 20px;
            font-size: 34px;
            font-weight: 700;
            opacity: .9;
        }body.php-page-admin-manage-appointments-php .accept-btn{

            background: white;
            color: #001845;
        }body.php-page-admin-manage-appointments-php .reject-btn{

            background: #4a2d66;
            color: #ffb3c7;
        }body.php-page-admin-manage-appointments-php .completed-btn{

            background: #18367c;
            color: white;
        }body.php-page-admin-manage-appointments-php .btn:hover{

            transform: translateY(-2px);
        }body.php-page-admin-manage-appointments-php .contact-details{
            display: flex;
            flex-direction: column;
            gap: 5px;
            margin-top: 7px;
        }body.php-page-admin-manage-appointments-php .contact-details a{
            color: rgba(255, 255, 255, 0.65);
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            word-break: break-word;
        }body.php-page-admin-manage-appointments-php .contact-details a:hover{
            color: white;
            text-decoration: underline;
        }body.php-page-admin-manage-appointments-php /*
|--------------------------------------------------------------------------
| MODAL
|--------------------------------------------------------------------------
*/

        .modal{

            position: fixed;

            inset: 0;

            background: rgba(0, 0, 0, 0.7);

            display: none;

            justify-content: center;
            align-items: center;

            z-index: 999;
        }body.php-page-admin-manage-appointments-php .modal-content{

            background: #162766;

            width: 500px;

            padding: 38px;

            border-radius: 28px;

            border:
                1px solid rgba(255, 255, 255, 0.08);
        }body.php-page-admin-manage-appointments-php .modal-title{

            font-size: 34px;
            font-weight: 800;

            margin-bottom: 30px;
        }body.php-page-admin-manage-appointments-php .input-label{

            display: block;

            margin-bottom: 10px;

            font-size: 13px;

            text-transform: uppercase;

            opacity: 0.7;
        }body.php-page-admin-manage-appointments-php .input{

            width: 100%;

            height: 58px;

            border: none;

            border-radius: 16px;

            background:
                rgba(255, 255, 255, 0.08);

            color: white;

            padding: 0 18px;

            font-size: 16px;

            margin-bottom: 24px;

            outline: none;
        }body.php-page-admin-manage-appointments-php /*
        |--------------------------------------------------------------------------
        | SELECT OPTIONS
        |--------------------------------------------------------------------------
        | The select itself uses white text on the dark modal background.
        | Native browser dropdowns use a light background, body.php-page-admin-manage-appointments-php so the option text
        | must explicitly use a dark colour; otherwise the service names can
        | appear blank until the option is highlighted.
        |--------------------------------------------------------------------------
        */

        .input option{

            color: #001845;
            background: #ffffff;
            font-size: 16px;
        }body.php-page-admin-manage-appointments-php .input option:disabled{

            color: #777777;
        }body.php-page-admin-manage-appointments-php .modal-actions{

            display: flex;
            gap: 14px;
        }body.php-page-admin-manage-appointments-php .confirm-btn{

            flex: 1;

            background: white;
            color: #001845;
        }body.php-page-admin-manage-appointments-php .cancel-btn{

            flex: 1;

            background: #4a2d66;
            color: white;
        }body.php-page-admin-manage-appointments-php /* --------------------------------------------------------------------------
        | CUSTOM MULTI-SELECT DROPDOWN
        |------------------------------------------------------------------------- */

        .multi-select{
            position: relative;
            width: 100%;
            margin-bottom: 0;
        }body.php-page-admin-manage-appointments-php .multi-select-native{
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            padding: 0 !important;
            margin: -1px !important;
            overflow: hidden !important;
            clip: rect(0, 0, 0, 0) !important;
            white-space: nowrap !important;
            border: 0 !important;
            opacity: 0 !important;
            pointer-events: none !important;
        }body.php-page-admin-manage-appointments-php .multi-select-trigger{
            width: 100%;
            min-height: 58px;
            border: none;
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.08);
            color: white;
            padding: 0 18px;
            font-size: 16px;
            text-align: left;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            outline: none;
            transition: background 0.2s ease, box-shadow 0.2s ease;
        }body.php-page-admin-manage-appointments-php .multi-select-trigger:hover, body.php-page-admin-manage-appointments-php .multi-select.open .multi-select-trigger{
            background: rgba(255, 255, 255, 0.12);
        }body.php-page-admin-manage-appointments-php .multi-select-trigger:focus-visible{
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.45);
        }body.php-page-admin-manage-appointments-php .multi-select-value{
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            flex: 1;
        }body.php-page-admin-manage-appointments-php .multi-select-arrow{
            flex: 0 0 auto;
            font-size: 13px;
            opacity: 0.75;
            transition: transform 0.2s ease;
        }body.php-page-admin-manage-appointments-php .multi-select.open .multi-select-arrow{
            transform: rotate(180deg);
        }body.php-page-admin-manage-appointments-php .multi-select-menu{
            display: none;
            position: absolute;
            top: calc(100% + 8px);
            left: 0;
            right: 0;
            max-height: 280px;
            overflow-y: auto;
            padding: 8px;
            background: #162766;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 16px;
            box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45);
            z-index: 1005;
        }body.php-page-admin-manage-appointments-php .multi-select.open .multi-select-menu{
            display: block;
        }body.php-page-admin-manage-appointments-php .multi-select-option{
            display: flex;
            align-items: center;
            gap: 12px;
            width: 100%;
            min-height: 44px;
            padding: 9px 11px;
            border-radius: 11px;
            color: white;
            cursor: pointer;
            font-size: 15px;
            line-height: 1.3;
            user-select: none;
        }body.php-page-admin-manage-appointments-php .multi-select-option:hover{
            background: rgba(255, 255, 255, 0.09);
        }body.php-page-admin-manage-appointments-php .multi-select-option input{
            width: 18px;
            height: 18px;
            margin: 0;
            flex: 0 0 auto;
            accent-color: white;
            cursor: pointer;
        }body.php-page-admin-manage-appointments-php .multi-select-option.hidden-option{
            display: none;
        }body.php-page-admin-manage-appointments-php .multi-select-empty{
            padding: 12px;
            color: rgba(255, 255, 255, 0.6);
            font-size: 14px;
        }body.php-page-admin-manage-appointments-php .multi-select-help{
            display: block;
            margin: 8px 0 24px;
            color: rgba(255, 255, 255, 0.65);
        }body.php-page-admin-manage-appointments-php .flatpickr-calendar{

            background: #162766 !important;

            border: none !important;

            border-radius: 20px !important;

            box-shadow:
                0 10px 40px rgba(0, 0, 0, 0.4) !important;
        }body.php-page-admin-manage-appointments-php /*
|--------------------------------------------------------------------------
| MONTH + YEAR
|--------------------------------------------------------------------------
*/

        .flatpickr-current-month, body.php-page-admin-manage-appointments-php .flatpickr-monthDropdown-months, body.php-page-admin-manage-appointments-php .flatpickr-current-month input.cur-year{

            color: white !important;

            fill: white !important;

            font-weight: 700 !important;
        }body.php-page-admin-manage-appointments-php /*
|--------------------------------------------------------------------------
| WEEK DAYS
|--------------------------------------------------------------------------
*/

        .flatpickr-weekdays{

            background: transparent !important;
        }body.php-page-admin-manage-appointments-php .flatpickr-weekday{

            color: rgba(255, 255, 255, 0.75) !important;

            font-weight: 600 !important;
        }body.php-page-admin-manage-appointments-php /*
|--------------------------------------------------------------------------
| DAYS
|--------------------------------------------------------------------------
*/

        .flatpickr-day{

            color: white !important;

            border-radius: 12px !important;
        }body.php-page-admin-manage-appointments-php .flatpickr-day:hover{

            background:
                rgba(255, 255, 255, 0.12) !important;
        }body.php-page-admin-manage-appointments-php .flatpickr-day.selected{

            background: white !important;

            color: #001845 !important;
        }body.php-page-admin-manage-appointments-php /*
|--------------------------------------------------------------------------
| TODAY
|--------------------------------------------------------------------------
*/

        .flatpickr-day.today{

            border:
                1px solid rgba(255, 255, 255, 0.4) !important;
        }body.php-page-admin-manage-appointments-php /*
|--------------------------------------------------------------------------
| ARROWS
|--------------------------------------------------------------------------
*/

        .flatpickr-prev-month svg, body.php-page-admin-manage-appointments-php .flatpickr-next-month svg{

            fill: white !important;
        }

        @media(max-width:1200px) {body.php-page-admin-manage-appointments-php .appointment-card{

                grid-template-columns: 1fr;
            }body.php-page-admin-manage-appointments-php .page-title{

                font-size: 48px;
            }
        }body.php-page-admin-manage-appointments-php .payment-check-label{
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            margin-top: 18px;
        }body.php-page-admin-manage-appointments-php .payment-timing-options{
            display: flex;
            gap: 22px;
            margin: 10px 0 16px;
            flex-wrap: wrap;
        }body.php-page-admin-manage-appointments-php .payment-timing-options label{
            display: flex;
            align-items: center;
            gap: 8px;
        }body.php-page-admin-manage-appointments-php .payment-receiver-select{
            min-height: 52px;
        }body.php-page-admin-manage-appointments-php .payment-amounts{
            display: grid;
            gap: 10px;
            margin-top: 12px;
        }body.php-page-admin-manage-appointments-php .payment-amount-row{
            display: grid;
            grid-template-columns: 1fr 150px;
            gap: 12px;
            align-items: center;
            padding: 10px 12px;
            border-radius: 12px;
            background: rgba(255, 255, 255, .06);
        }body.php-page-admin-manage-appointments-php .payment-amount-row input{
            width: 100%;
        }body.php-page-admin-manage-appointments-php .payment-plan-block small{
            display: block;
            margin-top: 8px;
            opacity: .7;
        }
    
body.php-page-admin-manage-appointments-php .php-inline-style-admin-manage-appointments-php-1{display:none;}

/* admin/manage-vehicles.php */
body.php-page-admin-manage-vehicles-php, body.php-page-admin-manage-vehicles-php *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
        }body.php-page-admin-manage-vehicles-php{

            background:
                linear-gradient(135deg,
                    #00154a,
                    #000d33);

            color: white;

            min-height: 100vh;

            padding: 40px;
        }body.php-page-admin-manage-vehicles-php .container{

            max-width: 1400px;

            margin: auto;
        }body.php-page-admin-manage-vehicles-php .top{

            display: flex;

            justify-content: space-between;

            align-items: center;

            margin-bottom: 30px;
        }body.php-page-admin-manage-vehicles-php h1{

            font-size: 60px;

            font-weight: 800;
        }body.php-page-admin-manage-vehicles-php .btn{

            background: white;

            color: #001845;

            text-decoration: none;

            padding: 14px 24px;

            border-radius: 16px;

            font-weight: 700;
        }body.php-page-admin-manage-vehicles-php .grid{

            display: grid;

            grid-template-columns:
                repeat(auto-fit, minmax(320px, 1fr));

            gap: 20px;

            margin-bottom: 30px;
        }body.php-page-admin-manage-vehicles-php .card{

            background:
                rgba(255, 255, 255, 0.06);

            border:
                1px solid rgba(255, 255, 255, 0.08);

            border-radius: 24px;

            padding: 24px;
        }body.php-page-admin-manage-vehicles-php .card h2{

            font-size: 26px;

            margin-bottom: 12px;
        }body.php-page-admin-manage-vehicles-php .small{

            color: #cbd5e1;

            margin-bottom: 10px;

            line-height: 1.5;
        }body.php-page-admin-manage-vehicles-php .delete-btn{

            display: inline-block;

            margin-top: 18px;

            background: #ff4d6d;

            color: white;

            text-decoration: none;

            padding: 10px 18px;

            border-radius: 12px;

            font-size: 14px;

            font-weight: 700;
        }body.php-page-admin-manage-vehicles-php .form-card{

            background:
                rgba(255, 255, 255, 0.06);

            border:
                1px solid rgba(255, 255, 255, 0.08);

            border-radius: 24px;

            padding: 30px;
        }body.php-page-admin-manage-vehicles-php .form-card h2{

            margin-bottom: 22px;

            font-size: 32px;
        }body.php-page-admin-manage-vehicles-php .form-grid{

            display: grid;

            grid-template-columns:
                repeat(auto-fit, minmax(240px, 1fr));

            gap: 18px;
        }body.php-page-admin-manage-vehicles-php input{

            width: 100%;

            height: 56px;

            border: none;

            border-radius: 16px;

            padding: 0 18px;

            font-size: 16px;
        }body.php-page-admin-manage-vehicles-php .submit-btn{

            margin-top: 24px;

            height: 56px;

            border: none;

            border-radius: 16px;

            padding: 0 24px;

            background: white;

            color: #001845;

            font-size: 16px;

            font-weight: 800;

            cursor: pointer;
        }body.php-page-admin-manage-vehicles-php textarea{

            width: 100%;

            border: none;

            border-radius: 16px;

            padding: 16px;

            font-size: 16px;

            min-height: 120px;

            resize: none;
        }body.php-page-admin-manage-vehicles-php .full{

            grid-column: 1/-1;
        }body.php-page-admin-manage-vehicles-php .checkbox-card{

            display: flex;

            align-items: center;

            gap: 14px;

            background: white;

            color: #001845;

            border-radius: 16px;

            padding: 18px;

            height: 56px;

            font-weight: 700;
        }body.php-page-admin-manage-vehicles-php .checkbox-card input{

            width: 22px;

            height: 22px;
        }body.php-page-admin-manage-vehicles-php .active{

            color: #4ade80;

            font-weight: 700;
        }body.php-page-admin-manage-vehicles-php .inactive{

            color: #ff7b8f;

            font-weight: 700;
        }

        @media(max-width:900px) {body.php-page-admin-manage-vehicles-php{
                padding: 20px;
            }body.php-page-admin-manage-vehicles-php h1{
                font-size: 42px;
            }body.php-page-admin-manage-vehicles-php .top{
                flex-direction: column;
                gap: 20px;
                align-items: flex-start;
            }
        }
    

/* admin/message-broadcast.php */
body.php-page-admin-message-broadcast-php, body.php-page-admin-message-broadcast-php *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, Helvetica, sans-serif;
        }body.php-page-admin-message-broadcast-php{

            background:
                linear-gradient(135deg,
                    #00154a,
                    #000d33);

            color: white;

            padding: 36px;

            min-height: 100vh;
        }body.php-page-admin-message-broadcast-php::before{

            content: "";

            position: fixed;

            inset: 0;

            background:
                url('../images/Logo png-04.png') center center no-repeat;

            background-size: 420px;

            opacity: .04;

            pointer-events: none;
        }body.php-page-admin-message-broadcast-php .page-title{
            font-size: 64px;
            font-weight: 800;
            line-height: 0.9;
        }body.php-page-admin-message-broadcast-php .top-header{

            display: flex;
            justify-content: space-between;
            align-items: center;

            margin-bottom: 30px;
        }body.php-page-admin-message-broadcast-php .back-btn{

            background: white;
            color: #001845;

            text-decoration: none;

            width: 190px;
            height: 58px;

            border-radius: 16px;

            display: flex;
            align-items: center;
            justify-content: center;

            font-weight: 700;
        }body.php-page-admin-message-broadcast-php .cards{

            display: grid;

            grid-template-columns:
                repeat(auto-fit,
                    minmax(250px, 1fr));

            gap: 20px;

            margin-bottom: 30px;
        }body.php-page-admin-message-broadcast-php .card{

            background:
                rgba(255, 255, 255, .06);

            border:
                1px solid rgba(255, 255, 255, .08);

            border-radius: 24px;

            padding: 28px;
        }body.php-page-admin-message-broadcast-php .card-label{

            font-size: 14px;

            letter-spacing: 1px;

            text-transform: uppercase;

            color: #cbd5e1;

            margin-bottom: 12px;
        }body.php-page-admin-message-broadcast-php .card-value{

            font-size: 34px;

            font-weight: 800;
        }body.php-page-admin-message-broadcast-php .section{

            background:
                rgba(255, 255, 255, .05);

            border:
                1px solid rgba(255, 255, 255, .08);

            border-radius: 26px;

            padding: 30px;

            margin-bottom: 28px;
        }body.php-page-admin-message-broadcast-php .section h2{

            font-size: 34px;

            margin-bottom: 24px;
        }body.php-page-admin-message-broadcast-php .form-grid{

            display: grid;

            grid-template-columns:
                repeat(auto-fit,
                    minmax(260px, 1fr));

            gap: 18px;
        }body.php-page-admin-message-broadcast-php .form-group{

            display: flex;

            flex-direction: column;
        }body.php-page-admin-message-broadcast-php .form-group label{

            margin-bottom: 8px;

            font-size: 13px;

            text-transform: uppercase;

            letter-spacing: 1px;

            color: #cbd5e1;
        }body.php-page-admin-message-broadcast-php input, body.php-page-admin-message-broadcast-php select, body.php-page-admin-message-broadcast-php textarea{

            border: none;

            border-radius: 16px;

            padding: 14px;

            font-size: 15px;

            outline: none;
        }body.php-page-admin-message-broadcast-php textarea{

            height: 180px;

            resize: none;
        }body.php-page-admin-message-broadcast-php .broadcast-extra{

            display: none;

            margin-top: 20px;
        }body.php-page-admin-message-broadcast-php .btn{

            height: 56px;

            padding: 0 24px;

            border: none;

            border-radius: 16px;

            font-weight: 700;

            cursor: pointer;
        }body.php-page-admin-message-broadcast-php .btn-primary{

            background: white;

            color: #001845;
        }body.php-page-admin-message-broadcast-php .table-wrap{

            overflow: auto;
        }body.php-page-admin-message-broadcast-php table{

            width: 100%;

            border-collapse: collapse;
        }body.php-page-admin-message-broadcast-php th{

            padding: 16px;

            text-align: left;

            background:
                rgba(255, 255, 255, .06);

            font-size: 13px;

            text-transform: uppercase;
        }body.php-page-admin-message-broadcast-php td{

            padding: 16px;

            border-top:
                1px solid rgba(255, 255, 255, .05);
        }body.php-page-admin-message-broadcast-php .status{

            padding: 8px 12px;

            border-radius: 999px;

            display: inline-block;
        }body.php-page-admin-message-broadcast-php .pending{

            background:
                rgba(251, 191, 36, .15);

            color: #facc15;
        }body.php-page-admin-message-broadcast-php .completed{

            background:
                rgba(34, 197, 94, .15);

            color: #4ade80;
        }body.php-page-admin-message-broadcast-php .failed{
            background:
                rgba(239, 68, 68, .15);

            color: #ef4444;
        }
    
body.php-page-admin-message-broadcast-php .php-inline-style-admin-message-broadcast-php-1{display:block;}
body.php-page-admin-message-broadcast-php .php-inline-style-admin-message-broadcast-php-2{
background:#154360;
padding:18px;
border-radius:12px;
margin-bottom:20px;
}
body.php-page-admin-message-broadcast-php .php-inline-style-admin-message-broadcast-php-3{display:grid;gap:10px;}
body.php-page-admin-message-broadcast-php .php-inline-style-admin-message-broadcast-php-4{
display:flex;
align-items:center;
gap:10px;
padding:12px;
background:rgba(255,255,255,.05);
border-radius:12px;
cursor:pointer;
}

/* admin/partials/appointment-card.php */
.appointment-card .status-column{
        min-width: 180px;
    }.appointment-card .appointment-extra-details{
        margin-top: 14px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }.appointment-card .appointment-extra-details .detail-item{
        font-size: 14px;
        line-height: 1.45;
        color: rgba(255, 255, 255, 0.72);
        word-break: break-word;
    }.appointment-card .appointment-extra-details .detail-label{
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        opacity: 0.65;
        margin-right: 6px;
    }.appointment-card .appointment-extra-details .detail-value{
        color: rgba(255, 255, 255, 0.85);
        font-weight: 600;
    }

.appointment-card .php-inline-style-admin-partials-appointment-card-php-1{margin-top: 4px; font-weight: 500;}

/* admin/user-profile.php */
body.php-page-admin-user-profile-php, body.php-page-admin-user-profile-php *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, Helvetica, sans-serif;
        }body.php-page-admin-user-profile-php{
            background: linear-gradient(135deg, #00154a, #000d33);
            color: white;
            padding: 36px;
            min-height: 100vh;
        }body.php-page-admin-user-profile-php::before{
            content: "";
            position: fixed;
            inset: 0;
            background: url('../images/Logo png-04.png') center center no-repeat;
            background-size: 420px;
            opacity: 0.04;
            pointer-events: none;
        }body.php-page-admin-user-profile-php .top-bar{
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 20px;
            margin-bottom: 32px;
        }body.php-page-admin-user-profile-php .top-left h1{
            font-size: 72px;
            font-weight: 800;
            line-height: 1;
        }body.php-page-admin-user-profile-php .top-left p{
            font-size: 14px;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #cbd5e1;
            margin-bottom: 12px;
        }body.php-page-admin-user-profile-php .top-actions{
            display: flex;
            gap: 14px;
            flex-wrap: wrap;
        }body.php-page-admin-user-profile-php .btn{
            height: 56px;
            padding: 0 24px;
            border: none;
            border-radius: 18px;
            font-size: 16px;
            font-weight: 700;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: 0.3s;
        }body.php-page-admin-user-profile-php .btn-primary{
            background: white;
            color: #001845;
        }body.php-page-admin-user-profile-php .btn-secondary{
            background: rgba(255, 255, 255, 0.08);
            color: white;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }body.php-page-admin-user-profile-php .btn-danger{
            background: rgba(244, 63, 94, 0.16);
            color: #ff9aac;
            padding: 10px 16px;
            height: auto;
            border-radius: 12px;
        }body.php-page-admin-user-profile-php .cards{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }body.php-page-admin-user-profile-php .card{
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 24px;
            padding: 30px;
        }body.php-page-admin-user-profile-php .card-title{
            font-size: 14px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #cbd5e1;
            margin-bottom: 18px;
        }body.php-page-admin-user-profile-php .card-value{
            font-size: 22px;
            font-weight: 800;
            line-height: 1.4;
        }body.php-page-admin-user-profile-php .active-badge{
            display: inline-block;
            background: rgba(16, 185, 129, 0.15);
            color: #42ff9c;
            padding: 10px 18px;
            border-radius: 999px;
            font-size: 15px;
            font-weight: 700;
        }body.php-page-admin-user-profile-php .expired-badge{

            display: inline-block;

            background: rgba(239, 68, 68, 0.15);

            color: #ff8a8a;

            padding: 10px 18px;

            border-radius: 999px;

            font-size: 15px;

            font-weight: 700;
        }body.php-page-admin-user-profile-php .discount-alert{
            background: rgba(255, 193, 7, 0.15);
            border: 1px solid rgba(255, 193, 7, 0.35);
            color: #ffd54f;
            padding: 18px 22px;
            border-radius: 18px;
            margin-bottom: 28px;
            font-weight: 700;
        }body.php-page-admin-user-profile-php .vehicle-selector{
            width: 100%;
            height: 52px;
            border: none;
            border-radius: 14px;
            padding: 0 14px;
            font-size: 15px;
            margin-top: 18px;
            outline: none;
        }body.php-page-admin-user-profile-php .table-card{
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 26px;
            overflow: hidden;
            margin-bottom: 28px;
        }body.php-page-admin-user-profile-php .table-header{
            padding: 24px 28px;
            font-size: 28px;
            font-weight: 800;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        }body.php-page-admin-user-profile-php .table-wrapper{
            overflow-x: auto;
        }body.php-page-admin-user-profile-php table{
            width: 100%;
            border-collapse: collapse;
        }body.php-page-admin-user-profile-php th{
            background: rgba(255, 255, 255, 0.06);
            padding: 18px 22px;
            text-align: left;
            font-size: 13px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #cbd5e1;
        }body.php-page-admin-user-profile-php td{
            padding: 20px 22px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }body.php-page-admin-user-profile-php .empty{
            padding: 24px;
            color: #cbd5e1;
        }body.php-page-admin-user-profile-php .form-card{
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 26px;
            padding: 30px;
            margin-bottom: 28px;
        }body.php-page-admin-user-profile-php .form-card h2{
            font-size: 32px;
            margin-bottom: 26px;
        }body.php-page-admin-user-profile-php .form-grid{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 20px;
        }body.php-page-admin-user-profile-php .form-group{
            display: flex;
            flex-direction: column;
        }body.php-page-admin-user-profile-php .form-group label{
            margin-bottom: 10px;
            font-size: 14px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #cbd5e1;
        }body.php-page-admin-user-profile-php .form-group input, body.php-page-admin-user-profile-php .form-group select{
            height: 56px;
            border: none;
            border-radius: 16px;
            padding: 0 18px;
            font-size: 16px;
            outline: none;
        }body.php-page-admin-user-profile-php .submit-btn{
            margin-top: 24px;
            height: 56px;
            padding: 0 26px;
            border: none;
            border-radius: 16px;
            background: white;
            color: #001845;
            font-size: 16px;
            font-weight: 800;
            cursor: pointer;
        }

        @media(max-width:900px) {body.php-page-admin-user-profile-php{
                padding: 20px;
            }body.php-page-admin-user-profile-php .top-bar{
                flex-direction: column;
            }body.php-page-admin-user-profile-php .top-left h1{
                font-size: 52px;
            }body.php-page-admin-user-profile-php .cards{
                grid-template-columns: 1fr;
            }body.php-page-admin-user-profile-php .form-grid{
                grid-template-columns: 1fr;
            }

        }
    
body.php-page-admin-user-profile-php .membership-grid-wrapper{
            padding: 28px;
        }body.php-page-admin-user-profile-php .membership-grid-head, body.php-page-admin-user-profile-php .membership-grid-row{

            display: grid;

            grid-template-columns:
                1.2fr 1.3fr 1fr 1.5fr;

            align-items: center;

            column-gap: 24px;
        }body.php-page-admin-user-profile-php .membership-grid-head{

            background: rgba(255, 255, 255, 0.06);

            border-radius: 22px;

            padding: 24px 28px;

            margin-bottom: 18px;
        }body.php-page-admin-user-profile-php .membership-grid-head div{

            font-size: 13px;

            text-transform: uppercase;

            letter-spacing: 1px;

            font-weight: 700;

            color: #dbeafe;
        }body.php-page-admin-user-profile-php .membership-grid-row{

            background: rgba(255, 255, 255, 0.035);

            border-radius: 22px;

            min-height: 92px;

            padding: 0 28px;

            margin-bottom: 16px;
        }body.php-page-admin-user-profile-php .membership-grid-row>div{

            display: flex;

            align-items: center;

            min-height: 92px;

            font-size: 18px;

            color: white;
        }body.php-page-admin-user-profile-php .status-cell{
            padding-left: 0px;
        }body.php-page-admin-user-profile-php .action-cell{
            justify-content: flex-start;
        }body.php-page-admin-user-profile-php .action-wrap{

            display: flex;

            align-items: center;

            gap: 14px;
        }body.php-page-admin-user-profile-php .booking-date{

            width: 170px;

            min-width: 170px;

            height: 56px;

            border: none;

            border-radius: 18px;

            background: rgba(255, 255, 255, 0.08);

            color: white;

            padding: 0 18px;

            font-size: 16px;

            outline: none;
        }body.php-page-admin-user-profile-php .flatpickr-input[readonly]{

            width: 170px;

            min-width: 170px;

            height: 56px;

            border: none;

            border-radius: 18px;

            background: rgba(255, 255, 255, 0.08);

            color: white !important;

            padding: 0 18px;

            font-size: 16px;

            outline: none;

            cursor: pointer;
        }body.php-page-admin-user-profile-php .complete-btn{

            width: 170px;

            min-width: 170px;

            height: 56px;

            border: none;

            border-radius: 18px;

            background: white;

            color: #001845;

            font-size: 16px;

            font-weight: 700;

            cursor: pointer;

            transition: 0.3s ease;
        }body.php-page-admin-user-profile-php .complete-btn:hover{
            transform: translateY(-1px);
        }body.php-page-admin-user-profile-php .delete-btn{

            width: 170px;

            min-width: 170px;

            height: 56px;

            border: none;

            border-radius: 18px;

            background: rgba(244, 63, 94, 0.16);

            color: #ffb6c3;

            font-size: 16px;

            font-weight: 700;

            cursor: pointer;
        }body.php-page-admin-user-profile-php .flatpickr-calendar{

            background: #132968 !important;

            border: none !important;

            border-radius: 24px !important;

            overflow: hidden;

            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45) !important;
        }body.php-page-admin-user-profile-php .flatpickr-months{
            background: #4aa3ec !important;
        }body.php-page-admin-user-profile-php .flatpickr-current-month, body.php-page-admin-user-profile-php .flatpickr-current-month input.cur-year, body.php-page-admin-user-profile-php .flatpickr-monthDropdown-months{
            color: white !important;
        }body.php-page-admin-user-profile-php .flatpickr-weekdays{
            background: #4aa3ec !important;
        }body.php-page-admin-user-profile-php span.flatpickr-weekday{
            color: white !important;
            font-weight: 700;
        }body.php-page-admin-user-profile-php .flatpickr-day{
            color: white !important;
            border-radius: 10px !important;
        }body.php-page-admin-user-profile-php .flatpickr-day:hover{

            background: #4aa3ec !important;

            border-color: #4aa3ec !important;
        }body.php-page-admin-user-profile-php .flatpickr-day.selected{

            background: white !important;

            color: #001845 !important;

            border-color: white !important;
        }body.php-page-admin-user-profile-php .flatpickr-disabled{
            opacity: 0.18 !important;
        }

        @media(max-width:950px) {body.php-page-admin-user-profile-php .membership-grid-head{
                display: none;
            }body.php-page-admin-user-profile-php .membership-grid-row{

                grid-template-columns: 1fr;

                row-gap: 14px;

                padding: 24px;

                min-height: auto;
            }body.php-page-admin-user-profile-php .membership-grid-row>div{
                min-height: auto;
            }body.php-page-admin-user-profile-php .action-wrap{

                flex-direction: column;

                align-items: flex-start;
            }body.php-page-admin-user-profile-php .booking-date, body.php-page-admin-user-profile-php .complete-btn, body.php-page-admin-user-profile-php .delete-btn{

                width: 100%;

                min-width: 100%;
            }
        }
    
body.php-page-admin-user-profile-php .payment-plan-group{display:flex;align-items:center;}body.php-page-admin-user-profile-php .payment-check-label{display:flex;gap:10px;align-items:center;cursor:pointer;font-weight:600;}body.php-page-admin-user-profile-php .payment-timing-options{display:flex;gap:24px;margin:10px 0 16px;flex-wrap:wrap;}body.php-page-admin-user-profile-php .payment-timing-options label{display:flex;gap:8px;align-items:center;}body.php-page-admin-user-profile-php .payment-receiver-select{width:100%;min-height:48px;border-radius:12px;padding:8px;background:#162766;color:#fff;border:1px solid rgba(255,255,255,.18);}body.php-page-admin-user-profile-php .payment-amounts{display:grid;gap:10px;margin-top:12px;}body.php-page-admin-user-profile-php .payment-amount-row{display:grid;grid-template-columns:1fr 150px;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);}body.php-page-admin-user-profile-php .payment-amount-row input{width:100%;}body.php-page-admin-user-profile-php .payment-allocation small{display:block;margin-top:8px;opacity:.7;}

body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-1{
margin:20px;
display:flex;
gap:10px;
justify-content:center;
}
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-2{display:none;}
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-3{display:none;}
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-4{margin-top:20px;}
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-5{display:none;}
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-6{display:none;}
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-7{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.65);
z-index:9999;
align-items:center;
justify-content:center;
}
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-8{
    background:white;
    width:420px;
    padding:30px;
    border-radius:20px;
    }
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-9{color:#001845;margin-bottom:20px;}
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-10{
        width:100%;
        height:50px;
        padding:0 15px;
        border:1px solid #ccc;
        border-radius:12px;
        margin-bottom:15px;
        }
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-11{
        display:flex;
        gap:10px;
        justify-content:flex-end;
        }
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-12{
            padding:10px 20px;
            border:none;
            border-radius:10px;
            cursor:pointer;
            }
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-13{
            padding:10px 20px;
            border:none;
            border-radius:10px;
            background:#ef4444;
            color:white;
            cursor:pointer;
            }
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-14{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.65);
z-index:9999;
align-items:center;
justify-content:center;
}
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-15{
    background:white;
    width:420px;
    padding:30px;
    border-radius:20px;
    }
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-16{color:#001845;margin-bottom:20px;}
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-17{
        width:100%;
        height:50px;
        padding:0 15px;
        border:1px solid #ccc;
        border-radius:12px;
        margin-bottom:15px;
        }
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-18{
        display:flex;
        gap:10px;
        justify-content:flex-end;
        }
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-19{
            padding:10px 20px;
            border:none;
            border-radius:10px;
            cursor:pointer;
            }
body.php-page-admin-user-profile-php .php-inline-style-admin-user-profile-php-20{
            padding:10px 20px;
            border:none;
            border-radius:10px;
            background:#ef4444;
            color:white;
            cursor:pointer;
            }

/* index.php */
body.php-page-index-php .php-inline-style-index-php-1{display:none;}

/* input.php */
body.php-page-input-php{
            background: linear-gradient(135deg, #00154a, #000d33);
            font-family: Arial, Helvetica, sans-serif;
            color: white;
            margin: 0;
            padding: 30px 20px;
            min-height: 100vh;
            position: relative;
            overflow-x: hidden;
        }body.php-page-input-php::before{
            content: "";
            position: fixed;
            inset: 0;

            background-image: url('../images/Logo%20png-04.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 650px;

            opacity: 0.45;

            z-index: 0;
            pointer-events: none;
        }body.php-page-input-php .container{
            max-width: 900px;
            margin: 40px auto;
            padding: 40px;
            border-radius: 28px;

            position: relative;
            z-index: 1;

            background: rgba(7, 28, 90, .85);
            backdrop-filter: blur(4px);
        }body.php-page-input-php h1{

            font-size: clamp(34px, 5vw, 64px);

            margin-bottom: 10px;

            line-height: 1.1;
        }body.php-page-input-php p{

            opacity: .8;

            margin-bottom: 30px;

            font-size: 16px;
        }body.php-page-input-php input, body.php-page-input-php textarea{

            width: 100%;

            padding: 18px;

            margin-bottom: 18px;

            border-radius: 16px;

            border: 1px solid rgba(255, 255, 255, .08);

            background: #10225e;

            color: white;

            font-size: 16px;

            box-sizing: border-box;
        }body.php-page-input-php input::placeholder, body.php-page-input-php textarea::placeholder{

            color: rgba(255, 255, 255, .55);
        }body.php-page-input-php button{

            width: 100%;

            height: 58px;

            border: none;

            border-radius: 16px;

            background: white;

            color: #00154d;

            font-size: 18px;

            font-weight: 700;

            cursor: pointer;
        }body.php-page-input-php button:disabled{
            opacity: 0.45;
            cursor: not-allowed;
        }body.php-page-input-php button:not(:disabled):hover{
            opacity: 0.92;
        }body.php-page-input-php .consent-box{
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin: 4px 0 22px 0;
            padding: 16px;
            border-radius: 14px;
            background: rgba(255, 255, 255, .06);
            border: 1px solid rgba(255, 255, 255, .08);
        }body.php-page-input-php .consent-box input[type="checkbox"]{
            width: 18px;
            height: 18px;
            margin: 3px 0 0 0;
            padding: 0;
            flex-shrink: 0;
            cursor: pointer;
        }body.php-page-input-php .consent-box label{
            font-size: 14px;
            line-height: 1.6;
            color: rgba(255, 255, 255, .8);
        }body.php-page-input-php .consent-box a{
            color: #ffffff;
            font-weight: 700;
            text-decoration: underline;
        }body.php-page-input-php .consent-box a:hover{
            opacity: .8;
        }body.php-page-input-php .success{

            background: #0d8c4a;

            padding: 15px;

            border-radius: 12px;

            margin-bottom: 20px;
        }

        @media(max-width:768px) {body.php-page-input-php{
                padding: 15px;
            }body.php-page-input-php .container{
                padding: 25px;
                border-radius: 22px;
            }body.php-page-input-php h1{
                font-size: 42px;
            }body.php-page-input-php input, body.php-page-input-php textarea{
                padding: 16px;
            }
        }

        @media(max-width:480px) {body.php-page-input-php h1{
                font-size: 34px;
            }body.php-page-input-php .container{
                padding: 20px;
            }
        }
    

/* login.php */
body.php-page-login-php .php-inline-style-login-php-1{cursor:pointer;}
body.php-page-login-php .php-inline-style-login-php-2{text-align:center;margin-top:15px;}
body.php-page-login-php .php-inline-style-login-php-3{
            color:#cbd5e1;
            text-decoration:none;
            font-weight:600;
       }
body.php-page-login-php .php-inline-style-login-php-4{
        text-align:center;
        margin-top:15px;
        color:white;
     }

/* user/change-password.php */
body.php-page-user-change-password-php{

            margin: 0;

            min-height: 100vh;

            display: flex;
            justify-content: center;
            align-items: center;

            font-family: Arial, Helvetica, sans-serif;

            background:
                linear-gradient(135deg,
                    #000814 0%,
                    #001233 50%,
                    #000814 100%);

            color: white;
        }body.php-page-user-change-password-php .card{

            width: 100%;
            max-width: 500px;

            background: rgba(255, 255, 255, 0.05);

            border: 1px solid rgba(255, 255, 255, 0.08);

            backdrop-filter: blur(14px);

            border-radius: 28px;

            padding: 40px;
        }body.php-page-user-change-password-php h1{

            margin-top: 0;

            font-size: 42px;
        }body.php-page-user-change-password-php input{

            width: 100%;

            padding: 16px;

            margin-bottom: 18px;

            border: none;
            outline: none;

            border-radius: 16px;

            background: rgba(255, 255, 255, 0.08);

            color: white;

            font-size: 16px;

            box-sizing: border-box;
        }body.php-page-user-change-password-php button{

            width: 100%;

            padding: 18px;

            border: none;

            border-radius: 16px;

            background: white;
            color: #000814;

            font-size: 18px;
            font-weight: 800;

            cursor: pointer;
        }body.php-page-user-change-password-php .error{

            background: #3b0013;

            padding: 14px;

            border-radius: 12px;

            margin-bottom: 20px;

            color: #ff8ea1;
        }body.php-page-user-change-password-php .success{

            background: #002d1c;

            padding: 14px;

            border-radius: 12px;

            margin-bottom: 20px;

            color: #75ffbf;
        }body.php-page-user-change-password-php .back{

            display: inline-block;

            margin-top: 20px;

            color: white;
        }
    

/* user/dashboard.php */
body.php-page-user-dashboard-php, body.php-page-user-dashboard-php *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }body.php-page-user-dashboard-php{

            font-family: Arial, Helvetica, sans-serif;

            background:
                linear-gradient(135deg,
                    #000428 0%,
                    #001845 45%,
                    #001d5c 100%);

            min-height: 100vh;

            color: white;

            position: relative;
        }body.php-page-user-dashboard-php::before{

            content: "";

            position: fixed;

            inset: 0;

            background:
                url('../images/Logo png-04.png') center center no-repeat;

            background-size: 420px;

            opacity: 0.04;

            pointer-events: none;

            z-index: 0;
        }body.php-page-user-dashboard-php .container{

            position: relative;

            z-index: 2;
        }body.php-page-user-dashboard-php .container{

            width: 100%;
            max-width: 1700px;

            margin: auto;

            padding: 32px 24px 80px;
        }body.php-page-user-dashboard-php .top-bar{

            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 20px;

            padding-bottom: 24px;
            margin-bottom: 30px;

            border-bottom:
                1px solid rgba(255, 255, 255, 0.08);
        }body.php-page-user-dashboard-php .welcome{

            font-size: 13px;
            opacity: 0.7;
            letter-spacing: 2px;
            margin-bottom: 10px;
            text-transform: uppercase;
        }body.php-page-user-dashboard-php .page-title{

            font-size: 72px;
            font-weight: 800;
            line-height: 1;
        }body.php-page-user-dashboard-php .vehicle-select{

            margin-top: 24px;

            padding: 14px 18px;

            border-radius: 14px;

            border: none;

            background:
                rgba(255, 255, 255, 0.08);

            color: white;

            min-width: 350px;

            font-size: 15px;

            border:
                1px solid rgba(255, 255, 255, 0.12);
        }body.php-page-user-dashboard-php .vehicle-select option{
            color: black;
        }body.php-page-user-dashboard-php .actions{
            display: flex;
            gap: 12px;
        }body.php-page-user-dashboard-php .btn{

            padding: 14px 22px;

            border-radius: 14px;

            text-decoration: none;

            font-weight: 700;

            display: inline-flex;
            align-items: center;
            justify-content: center;
        }body.php-page-user-dashboard-php .primary{
            background: white;
            color: #001845;
        }body.php-page-user-dashboard-php .secondary{

            background:
                rgba(255, 255, 255, 0.08);

            color: white;

            border:
                1px solid rgba(255, 255, 255, 0.12);
        }body.php-page-user-dashboard-php .grid{

            display: grid;

            grid-template-columns:
                repeat(7, 1fr);

            gap: 16px;
        }body.php-page-user-dashboard-php .card{

            background:
                rgba(255, 255, 255, 0.06);

            border:
                1px solid rgba(255, 255, 255, 0.08);

            border-radius: 22px;

            padding: 24px;

            min-height: 140px;
        }body.php-page-user-dashboard-php .card-title{

            font-size: 13px;

            opacity: 0.7;

            margin-bottom: 16px;

            letter-spacing: 1px;

            text-transform: uppercase;
        }body.php-page-user-dashboard-php .card-value{

            font-size: 20px;
            font-weight: 700;
            line-height: 1.4;
        }body.php-page-user-dashboard-php .status{

            display: inline-block;

            padding: 8px 16px;

            border-radius: 999px;

            font-size: 13px;

            font-weight: 700;
        }body.php-page-user-dashboard-php .active{
            background: #00c85322;
            color: #4dff91;
        }body.php-page-user-dashboard-php .expired{
            background: #ff4d4d22;
            color: #ff7b7b;
        }body.php-page-user-dashboard-php .discount{

            margin-top: 30px;

            padding: 20px;

            border-radius: 18px;

            background: #00c85322;

            border:
                1px solid #4dff91;

            font-size: 18px;

            font-weight: 700;
        }body.php-page-user-dashboard-php .section{

            margin-top: 32px;

            background:
                rgba(255, 255, 255, 0.06);

            border:
                1px solid rgba(255, 255, 255, 0.08);

            border-radius: 24px;

            padding: 24px;
        }body.php-page-user-dashboard-php /*
         * Keep membership sections and summary cards aligned with the same
         * content width as the other dashboard sections. Avoid 100vw here:
         * viewport width includes scrollbar space and creates the visible
         * overflow/border-spacing effect.
         */
        .full-width-section{
            width: 100%;
            max-width: none;
            margin-left: 0;
            margin-right: 0;
            box-sizing: border-box;
        }body.php-page-user-dashboard-php .full-width-section .table{
            width: 100%;
        }body.php-page-user-dashboard-php .full-width-grid{
            width: 100%;
            max-width: none;
            margin-left: 0;
            margin-right: 0;
            padding-left: 0;
            padding-right: 0;
            box-sizing: border-box;
        }body.php-page-user-dashboard-php .section h2{

            font-size: 30px;
            margin-bottom: 20px;
        }body.php-page-user-dashboard-php .table{

            display: flex;
            flex-direction: column;
            gap: 12px;
        }body.php-page-user-dashboard-php .row{

            display: grid;

            grid-template-columns:
                1.2fr 1fr 1.6fr;

            align-items: center;

            column-gap: 28px;

            padding: 0 30px;

            height: 96px;

            border-radius: 20px;

            background:
                rgba(255, 255, 255, 0.03);
        }body.php-page-user-dashboard-php .row>div{

            display: flex;

            align-items: center;

            height: 100%;
        }body.php-page-user-dashboard-php .heading{

            background:
                rgba(255, 255, 255, 0.08);

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 1px;

            text-transform: uppercase;
        }body.php-page-user-dashboard-php .booking-form{

            display: flex;

            align-items: center;

            justify-content: flex-start;

            gap: 16px;

            width: 100%;

            margin: 0;
        }body.php-page-user-dashboard-php .booking-date{

            width: 220px;

            min-width: 220px;

            height: 56px;

            border-radius: 16px;

            border:
                1px solid rgba(255, 255, 255, 0.10);

            background:
                rgba(255, 255, 255, 0.08);

            color: white;

            padding: 0 22px;

            font-size: 15px;

            font-weight: 500;

            outline: none;

            cursor: pointer;

            display: flex;

            align-items: center;
        }body.php-page-user-dashboard-php .slot-btn{

            width: 150px;

            min-width: 150px;

            height: 56px;

            border: none;

            border-radius: 16px;

            background: white;

            color: #001845;

            font-size: 15px;

            font-weight: 700;

            cursor: pointer;

            transition: 0.2s ease;

            display: flex;

            align-items: center;

            justify-content: center;
        }body.php-page-user-dashboard-php .slot-btn:hover{

            background: #f1f1f1;

            transform: translateY(-1px);
        }body.php-page-user-dashboard-php .empty{

            padding: 24px;
            opacity: 0.7;
            text-align: center;
        }body.php-page-user-dashboard-php /*
|--------------------------------------------------------------------------
| FLATPICKR FULL FIX
|--------------------------------------------------------------------------
*/

        .flatpickr-calendar{

            background: #14285f !important;

            border: none !important;

            border-radius: 24px !important;

            overflow: hidden !important;

            box-shadow:
                0 30px 60px rgba(0, 0, 0, 0.45) !important;

            padding: 14px !important;

            width: 360px !important;

            min-width: 360px !important;
        }body.php-page-user-dashboard-php .flatpickr-innerContainer, body.php-page-user-dashboard-php .flatpickr-rContainer, body.php-page-user-dashboard-php .flatpickr-days{

            width: 100% !important;

            min-width: 100% !important;
        }body.php-page-user-dashboard-php .dayContainer{

            width: 100% !important;

            min-width: 100% !important;

            max-width: 100% !important;

            display: grid !important;

            grid-template-columns:
                repeat(7, 1fr) !important;
        }body.php-page-user-dashboard-php .flatpickr-months{

            margin-bottom: 12px !important;
        }body.php-page-user-dashboard-php .flatpickr-current-month{

            color: white !important;

            padding-top: 10px !important;
        }body.php-page-user-dashboard-php .flatpickr-current-month .flatpickr-monthDropdown-months, body.php-page-user-dashboard-php .flatpickr-current-month input.cur-year{

            color: white !important;

            font-size: 18px !important;

            font-weight: 700 !important;
        }body.php-page-user-dashboard-php .flatpickr-weekdays{

            margin-bottom: 10px !important;
        }body.php-page-user-dashboard-php .flatpickr-weekday{

            color: rgba(255, 255, 255, 0.75) !important;

            font-size: 12px !important;

            font-weight: 700 !important;
        }body.php-page-user-dashboard-php .flatpickr-day{

            color: white !important;

            border-radius: 12px !important;

            width: 100% !important;

            max-width: 100% !important;

            height: 44px !important;

            line-height: 44px !important;

            margin: 0 !important;
        }body.php-page-user-dashboard-php .flatpickr-day:hover{

            background:
                rgba(255, 255, 255, 0.12) !important;
        }body.php-page-user-dashboard-php .flatpickr-day.selected{

            background: white !important;

            color: #001845 !important;

            border-color: white !important;

            font-weight: 700 !important;
        }body.php-page-user-dashboard-php .flatpickr-day.today{

            border:
                1px solid #7ea6ff !important;
        }body.php-page-user-dashboard-php .flatpickr-disabled{

            opacity: 0.18 !important;

            cursor: not-allowed !important;
        }body.php-page-user-dashboard-php .flatpickr-prev-month svg, body.php-page-user-dashboard-php .flatpickr-next-month svg{

            fill: white !important;
        }body.php-page-user-dashboard-php .other-service-modal{
            display: none;

            position: fixed;

            inset: 0;

            z-index: 9999;

            background: rgba(0, 0, 0, 0.65);

            align-items: center;

            justify-content: center;

            padding: 20px;
        }body.php-page-user-dashboard-php .other-service-modal.show{
            display: flex;
        }body.php-page-user-dashboard-php .other-service-modal-content{
            width: 100%;

            max-width: 520px;

            background: #10265a;

            border:
                1px solid rgba(255, 255, 255, 0.12);

            border-radius: 24px;

            padding: 28px;

            box-shadow:
                0 30px 80px rgba(0, 0, 0, 0.45);
        }body.php-page-user-dashboard-php .other-service-modal-title{
            font-size: 26px;

            font-weight: 800;

            margin-bottom: 10px;
        }body.php-page-user-dashboard-php .other-service-modal-subtitle{
            font-size: 14px;

            opacity: 0.7;

            margin-bottom: 24px;

            line-height: 1.5;
        }body.php-page-user-dashboard-php .other-service-label{
            display: block;

            margin-bottom: 10px;

            font-size: 13px;

            font-weight: 700;

            letter-spacing: 1px;

            text-transform: uppercase;

            opacity: 0.8;
        }body.php-page-user-dashboard-php .other-service-input{
            width: 100%;

            height: 56px;

            padding: 0 18px;

            margin-bottom: 20px;

            border-radius: 14px;

            border:
                1px solid rgba(255, 255, 255, 0.12);

            background:
                rgba(255, 255, 255, 0.08);

            color: white;

            font-size: 15px;

            outline: none;
        }body.php-page-user-dashboard-php .other-service-input option{
            color: black;
        }body.php-page-user-dashboard-php .other-service-modal-actions{
            display: flex;

            gap: 12px;

            margin-top: 8px;
        }body.php-page-user-dashboard-php .other-service-modal-actions button{
            flex: 1;
        }body.php-page-user-dashboard-php .other-service-submit{
            border: none;

            background: white;

            color: #001845;

            cursor: pointer;
        }body.php-page-user-dashboard-php .other-service-cancel{
            border:
                1px solid rgba(255, 255, 255, 0.12);

            background:
                rgba(255, 255, 255, 0.08);

            color: white;

            cursor: pointer;
        }body.php-page-user-dashboard-php .current-membership-history{
            margin-top: 24px;
        }body.php-page-user-dashboard-php .current-membership-history h3{
            font-size: 20px;
            margin: 0 0 14px;
        }body.php-page-user-dashboard-php .membership-pagination{
            margin-top: 20px;
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
        }body.php-page-user-dashboard-php .past-page-btn{
            min-width: 44px;
            padding: 10px 16px;
            border-radius: 12px;
            border: 1px solid rgba(255,255,255,0.12);
            background: rgba(255,255,255,0.08);
            color: #fff;
            font-weight: 700;
            cursor: pointer;
        }body.php-page-user-dashboard-php .past-page-btn.active{
            background: #fff;
            color: #001845;
        }body.php-page-user-dashboard-php .past-membership-row{
            display: none;
        }body.php-page-user-dashboard-php .past-membership-row.is-visible{
            display: grid;
        }

        @media(max-width:600px) {body.php-page-user-dashboard-php .actions{
                width: 100%;

                flex-direction: column;
            }body.php-page-user-dashboard-php .actions .btn{
                width: 100%;
            }body.php-page-user-dashboard-php .other-service-modal{
                padding: 14px;
            }body.php-page-user-dashboard-php .other-service-modal-content{
                padding: 22px;
            }body.php-page-user-dashboard-php .other-service-modal-actions{
                flex-direction: column;
            }
        }

        @media(max-width:1100px) {body.php-page-user-dashboard-php .grid{
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media(max-width:900px) {body.php-page-user-dashboard-php .row{

                grid-template-columns: 1fr;

                gap: 14px;

                height: auto;

                min-height: auto;

                padding: 22px;
            }body.php-page-user-dashboard-php .booking-form{

                flex-direction: column;

                align-items: stretch;
            }body.php-page-user-dashboard-php .booking-date, body.php-page-user-dashboard-php .slot-btn{

                width: 100%;
            }body.php-page-user-dashboard-php .flatpickr-calendar{

                width: 100% !important;

                min-width: 100% !important;
            }
        }



        @media(max-width:600px) {body.php-page-user-dashboard-php .grid{
                grid-template-columns: 1fr;
            }body.php-page-user-dashboard-php .page-title{
                font-size: 42px;
            }body.php-page-user-dashboard-php .top-bar{
                flex-direction: column;
            }body.php-page-user-dashboard-php .vehicle-select{
                width: 100%;
                min-width: 100%;
            }body.php-page-user-dashboard-php .container{
                padding: 18px;
            }
        }
    
body.php-page-user-dashboard-php .php-inline-style-user-dashboard-php-1{
                                    background:#666;
                                    color:white;
                                    cursor:default;
                                }
body.php-page-user-dashboard-php .php-inline-style-user-dashboard-php-2{
                                    background:#666;
                                    color:white;
                                    cursor:default;
                                }
body.php-page-user-dashboard-php .php-inline-style-user-dashboard-php-3{
                                    background:#666;
                                    color:white;
                                    cursor:default;
                                }
body.php-page-user-dashboard-php .php-inline-style-user-dashboard-php-4{
                                    background:#b8860b;
                                    color:white;
                                    cursor:default;
                                }
body.php-page-user-dashboard-php .php-inline-style-user-dashboard-php-5{
                                    background:#0c8c4a;
                                    color:white;
                                    cursor:default;
                                }
body.php-page-user-dashboard-php .php-inline-style-user-dashboard-php-6{
                                    background:#666;
                                    color:white;
                                    cursor:default;
                                }
body.php-page-user-dashboard-php .php-inline-style-user-dashboard-php-7{
                                    background:#666;
                                    color:white;
                                    cursor:default;
                                }

body.php-page-admin-user-profile-php .past-page-link{
    padding:10px 16px;
    border-radius:12px;
    text-decoration:none;
    background:rgba(255,255,255,0.08);
    color:#ffffff;
    font-weight:700;
}
body.php-page-admin-user-profile-php .past-page-link.active{
    background:#ffffff;
    color:#001845;
}
body.php-page-user-dashboard-php .slot-btn.booking-status-pending{
    background:#b8860b;
    color:white;
    cursor:default;
}
body.php-page-user-dashboard-php .slot-btn.booking-status-confirmed{
    background:#0c8c4a;
    color:white;
    cursor:default;
}