:root {
                --cmwa-primary-color: #0072F2;
                --cmwa-primary-hover: #005BB5;
                --cmwa-text-color: #333;
                --cmwa-text-light: #666;
                --cmwa-bg-color: #f9f9f9;
                --cmwa-card-bg: #ffffff;
                --cmwa-border-color: #f0f0f0;
                --cmwa-border-radius: 13px;
                --cmwa-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
                --cmwa-gap: 10px;
                
                /* Toast Colors */
                --cmwa-toast-success-bg: #f0fff4;
                --cmwa-toast-success-border: #48bb78;
                --cmwa-toast-success-text: #38a169;
                --cmwa-toast-error-bg: #fff5f5;
                --cmwa-toast-error-border: #e53e3e;
                --cmwa-toast-error-text: #c53030;
                --cmwa-toast-info-bg: #ebf8ff;
                --cmwa-toast-info-border: #63b3ed;
                --cmwa-toast-info-text: #4299e1;
            }

            /* Main Container */
            .cmwa-container {
                display: flex;
                flex-wrap: wrap;
                gap: var(--cmwa-gap);
                font-family: 'artin', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
                color: var(--cmwa-text-color);
                direction: rtl;
                position: relative;
                margin-top: 50px;
                width: 100%;
            }

            .cmwa-content .clear { clear: both; }

            /* Navigation */
            .cmwa-navigation {
                margin: 0;
                flex-basis: 260px;
                flex-grow: 1;
                background: var(--cmwa-card-bg);
                border-radius: var(--cmwa-border-radius);
                box-shadow: var(--cmwa-shadow);
                padding: 10px;
                align-self: flex-start;
                border: none;
            }

            .cmwa-navigation ul {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
                gap: 5px;
                justify-content: center;
            }

            .cmwa-navigation .cmwa-nav-item a {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: 12px;
                padding: 12px 15px;
                text-decoration: none;
                color: var(--cmwa-text-light);
                font-weight: 500;
                border-radius: 13px;
                transition: all 0.2s ease-in-out;
                border: none;
            }

            .cmwa-navigation .cmwa-nav-item i {
                width: 20px;
                text-align: center;
                font-size: 16px;
                flex-shrink: 0;
                line-height: 1;
            }

            .cmwa-navigation .cmwa-nav-item a:hover {
                background: var(--cmwa-bg-color);
                color: var(--cmwa-text-color);
            }

            .cmwa-navigation .cmwa-nav-item.is-active a {
                color: var(--cmwa-primary-color);
                font-weight: 600;
                background: rgba(0, 114, 242, 0.06);
            }

            /* Main Area */
            .cmwa-main-area {
                flex-basis: 0;
                flex-grow: 999;
                min-width: 60%;
                display: flex;
                flex-direction: column;
                gap: var(--cmwa-gap);
                position: relative;
            }

            /* Header Box */
            .cmwa-header-box {
                background: var(--cmwa-card-bg);
                border-radius: var(--cmwa-border-radius);
                box-shadow: var(--cmwa-shadow);
                padding: 15px 25px;
                border: none;
            }

            .cmwa-header-box h2 {
                margin: 0;
                font-size: 20px;
                font-weight: 600;
                color: var(--cmwa-text-color);
                text-align: right;
            }

            /* Content Box */
            .cmwa-content {
                background: var(--cmwa-card-bg);
                border-radius: var(--cmwa-border-radius);
                box-shadow: var(--cmwa-shadow);
                padding: 25px;
                border: none;
            }

            /* Buttons */
            .cmwa-button,
            .cmwa-content .button,
            .cmwa-content .woocommerce-button {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                background-color: var(--cmwa-primary-color) !important;
                color: #ffffff !important;
                padding: 10px 20px !important;
                border: none !important;
                border-radius: 13px !important;
                font-weight: 500;
                text-decoration: none;
                cursor: pointer;
                transition: background-color 0.2s;
                font-size: 14px;
                line-height: 1.5;
                box-shadow: 0 2px 6px rgba(0, 114, 242, 0.25);
            }
            
            .cmwa-content .button { width: auto; }
            .cmwa-button { width: 100%; }

            .cmwa-button:hover,
            .cmwa-button:focus,
            .cmwa-content .button:hover,
            .cmwa-content .button:focus,
            .cmwa-content .woocommerce-button:hover,
            .cmwa-content .woocommerce-button:focus {
                background-color: var(--cmwa-primary-hover) !important;
                color: #ffffff !important;
                box-shadow: 0 4px 8px rgba(0, 114, 242, 0.35);
                transform: translateY(-1px);
            }

            .cmwa-content.cmwa-content--dashboard {
                text-align: right;
            }

            .cmwa-content h4 {
                font-size: 18px;
                font-weight: 600;
                margin-top: 24px;
                margin-bottom: 16px;
            }

            /* WooCommerce Tables */
            .cmwa-content .woocommerce-table--order-details,
            .cmwa-content .woocommerce-table--customer-details,
            .cmwa-content .woocommerce-orders-table {
                width: 100%;
                border-collapse: separate;
                border-spacing: 0;
                border-radius: 13px;
                overflow: hidden;
                border: 1px solid var(--cmwa-border-color);
                margin-bottom: 20px;
            }

            .cmwa-content th,
            .cmwa-content td {
                padding: 12px 15px;
                text-align: right;
                vertical-align: middle;
                border-bottom: 1px solid var(--cmwa-border-color);
                border-left: none;
                border-right: none;
                border-top: none;
            }

            .cmwa-content thead th {
                background: var(--cmwa-bg-color);
                font-weight: 600;
                color: var(--cmwa-text-color);
                border-bottom: 1px solid var(--cmwa-border-color);
            }
            
            .cmwa-content tr:last-child td {
                  border-bottom: none;
            }

            /* Forms */
            .cmwa-content .form-row {
                padding: 3px 0;
                margin-bottom: 15px;
            }

            .cmwa-content .form-row label {
                display: block;
                margin-bottom: 6px;
                font-weight: 500;
                color: #374151;
                font-size: 14px;
            }

            .cmwa-content .form-row input.input-text,
            .cmwa-content .form-row input[type='text'],
            .cmwa-content .form-row input[type='email'],
            .cmwa-content .form-row input[type='password'],
            .cmwa-content .form-row select,
            .cmwa-content .form-row textarea {
                width: 100%;
                padding: 11px;
                border: 1px solid #e1e1e1;
                border-radius: 13px;
                background: #fff;
                box-shadow: none;
                transition: all 0.2s;
                font-size: 14px;
            }

            .cmwa-content .form-row input:focus,
            .cmwa-content .form-row select:focus,
            .cmwa-content .form-row textarea:focus {
                border-color: var(--cmwa-primary-color);
                box-shadow: 0 0 0 3px rgba(0, 114, 242, 0.1);
                outline: none;
            }
            
            .cmwa-content fieldset {
                border: 1px solid var(--cmwa-border-color);
                border-radius: 13px;
                padding: 20px;
                margin-top: 20px;
            }

            /* OTP Auth Styles */
            .cmwa-guest-container {
                font-family: 'artin', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
                color: var(--cmwa-text-color);
                direction: rtl;
                display: flex;
                align-items: center;
                justify-content: center;
                min-height: 400px;
            }

            .cmwa-auth-modal {
                margin-top: -40px;
                background: var(--cmwa-card-bg);
                border-radius: var(--cmwa-border-radius);
                box-shadow: var(--cmwa-shadow);
                padding: 30px 35px;
                width: 100%;
                max-width: 420px;
                text-align: right;
                border: none;
            }

            .cmwa-auth-modal h3 {
                font-size: 20px;
                font-weight: 700;
                margin-top: 0;
                margin-bottom: 10px;
                display: flex;
                align-items: center;
                gap: 10px;
                color: var(--cmwa-text-color);
            }

            .cmwa-auth-modal h3 i { color: var(--cmwa-primary-color); }

            /* Toast Notifications */
            #cmwa-toast-container {
                position: fixed;
                top: 20px;
                left: 20px;
                z-index: 99999;
                width: 300px;
                display: flex;
                flex-direction: column;
                gap: 10px;
                direction: rtl;
            }

            .cmwa-toast {
                background-color: var(--cmwa-card-bg);
                color: var(--cmwa-text-color);
                padding: 15px 20px;
                border-radius: 13px;
                box-shadow: 0 5px 20px rgba(0,0,0,0.15);
                border-left: 4px solid var(--cmwa-toast-info-border);
                opacity: 0;
                transform: translateX(-100%);
                transition: all 0.4s ease;
                font-size: 13px;
            }

            .cmwa-toast--show { opacity: 1; transform: translateX(0); }
            .cmwa-toast--success { background-color: #fff; border-left-color: var(--cmwa-toast-success-border); color: var(--cmwa-toast-success-text); }
            .cmwa-toast--error { background-color: #fff; border-left-color: var(--cmwa-toast-error-border); color: var(--cmwa-toast-error-text); }

            /* Responsive Design */
            @media (max-width: 768px) {
                .cmwa-container {
                    flex-direction: column;
                    margin-top: 46px;
                    gap: var(--cmwa-gap);
                }
                
                .cmwa-main-area {
                    min-width: 100%;
                    gap: var(--cmwa-gap);
                }

                .cmwa-navigation {
                    width: 100%;
                    flex-basis: auto;
                    overflow-x: auto;
                    border-radius: var(--cmwa-border-radius);
                    padding: 5px;
                    margin-bottom: 0;
                }
                
                .cmwa-navigation ul {
                    flex-direction: row;
                    gap: 5px;
                }
                
                .cmwa-navigation .cmwa-nav-item { flex-shrink: 0; }
                
                .cmwa-navigation .cmwa-nav-item a {
                    flex-direction: column;
                    padding: 10px;
                    font-size: 12px;
                    gap: 5px;
                    text-align: center;
                }

                /* Mobile Tables */
                .cmwa-content .woocommerce-orders-table thead { display: none; }
                .cmwa-content .woocommerce-orders-table tbody tr {
                    display: block;
                    margin-bottom: 10px;
                    border: 1px solid var(--cmwa-border-color);
                    border-radius: 8px;
                }
                .cmwa-content .woocommerce-orders-table td {
                    display: flex;
                    justify-content: space-between;
                    padding: 10px;
                    text-align: left;
                    border-bottom: 1px dashed #eee;
                }
                .cmwa-content .woocommerce-orders-table td:last-child { border-bottom: none; }
                .cmwa-content .woocommerce-orders-table td::before {
                    content: attr(data-title);
                    font-weight: 600;
                    text-align: right;
                    color: #666;
                }
            }