.unoize-portal-wrapper {
                max-width: 800px;
                margin: 40px auto;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
                color: #f3f4f6;
            }
            .unoize-card-box {
                background: #0f172a;
                border: 1px solid #1e293b;
                border-radius: 16px;
                padding: 32px;
                box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5);
            }
            .unoize-header-flex {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 24px;
                padding-bottom: 20px;
                border-bottom: 1px solid #1e293b;
            }
            .unoize-header-flex h2 {
                margin: 0;
                font-size: 24px;
                font-weight: 700;
                color: #ffffff;
            }
            .unoize-btn-magic {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                min-height: 42px;
                background: rgba(129, 140, 248, .08) !important;
                color: #c7d2fe !important;
                border: 1px solid rgba(129, 140, 248, .35) !important;
                padding: 10px 18px !important;
                border-radius: 999px !important;
                font-size: 13px !important;
                font-weight: 650 !important;
                line-height: 1.25 !important;
                letter-spacing: 0 !important;
                text-transform: none !important;
                text-decoration: none !important;
                cursor: pointer;
                box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
                transition: background .18s ease, border-color .18s ease, transform .18s ease, color .18s ease;
            }
            .unoize-btn-magic:hover {
                background: rgba(129, 140, 248, .18) !important;
                border-color: #818cf8 !important;
                color: #fff !important;
                transform: translateY(-1px);
            }
            .unoize-form-group {
                margin-bottom: 20px;
            }
            .unoize-form-group label {
                display: block;
                font-size: 12px;
                font-weight: 700;
                margin-bottom: 8px;
                color: #94a3b8;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }
            .unoize-form-row {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 16px;
            }
            @media (max-width: 600px) { .unoize-form-row { grid-template-columns: 1fr; } }
            
            /* FIXED SELECT AND INPUT STYLES */
            .unoize-input-style {
                width: 100% !important;
                height: 48px !important;
                line-height: 1.5 !important;
                background-color: #1e293b !important;
                border: 1px solid #334155 !important;
                color: #ffffff !important;
                padding: 10px 16px !important;
                border-radius: 8px !important;
                font-size: 14px !important;
                box-sizing: border-box !important;
                outline: none !important;
                transition: border-color 0.2s, box-shadow 0.2s;
                appearance: none !important;
                -webkit-appearance: none !important;
            }
            select.unoize-input-style {
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
                background-repeat: no-repeat !important;
                background-position: right 14px center !important;
                background-size: 16px !important;
                padding-right: 40px !important;
            }
            select.unoize-input-style option {
                background-color: #0f172a !important;
                color: #ffffff !important;
            }
            textarea.unoize-input-style {
                height: auto !important;
                padding: 12px 16px !important;
            }
            .unoize-input-style:focus {
                border-color: #6366f1 !important;
                box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2) !important;
            }

            .unoize-upload-box {
                background: #1e293b;
                border: 1px solid #334155;
                border-radius: 10px;
                padding: 16px;
            }
            .unoize-upload-box > div { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
            .unoize-btn-upload {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 9px;
                background: #263247 !important;
                border: 1px solid #41506a !important;
                color: #e2e8f0 !important;
                text-decoration: none !important;
                text-transform: none !important;
                letter-spacing: 0 !important;
                min-height: 38px;
                padding: 8px 15px !important;
                border-radius: 999px !important;
                font-size: 12px !important;
                line-height: 1.2 !important;
                font-weight: 650 !important;
                white-space: nowrap;
                transition: background .18s ease, border-color .18s ease, transform .18s ease;
            }
            .unoize-btn-upload::after { content: '↗'; font-size: 13px; color: #94a3b8; }
            .unoize-btn-upload:hover { background: #35445f !important; border-color: #6979a6 !important; color: #fff !important; transform: translateY(-1px); }

            /* REDESIGNED SUBMIT BUTTON */
            .unoize-btn-submit {
                width: 100%;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 10px;
                min-height: 50px;
                background: linear-gradient(110deg, #5b65e9 0%, #6853d7 100%) !important;
                color: #ffffff !important;
                border: 1px solid rgba(180, 171, 255, .35) !important;
                padding: 13px 22px !important;
                border-radius: 999px !important;
                font-weight: 650 !important;
                font-size: 14px !important;
                line-height: 1.3 !important;
                letter-spacing: 0 !important;
                text-transform: none !important;
                cursor: pointer !important;
                transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
                margin-top: 12px !important;
                box-shadow: 0 5px 16px rgba(75, 63, 188, .22), inset 0 1px 0 rgba(255,255,255,.12) !important;
            }
            .unoize-btn-submit::after { content: '→'; font-size: 18px; line-height: 1; font-weight: 400; }
            .unoize-btn-submit:hover { filter: brightness(1.1); transform: translateY(-1px); box-shadow: 0 8px 20px rgba(75, 63, 188, .32) !important; }
            .unoize-portal-wrapper .unoize-btn-submit:disabled { opacity: .6 !important; cursor: wait !important; transform: none; }
            .unoize-portal-wrapper .unoize-btn-submit:focus-visible,
            .unoize-portal-wrapper .unoize-btn-magic:focus-visible,
            .unoize-portal-wrapper .unoize-btn-upload:focus-visible { outline: 2px solid #a5b4fc !important; outline-offset: 3px; }
            @media (prefers-reduced-motion: reduce) {
                .unoize-portal-wrapper .unoize-btn-submit,
                .unoize-portal-wrapper .unoize-btn-magic,
                .unoize-portal-wrapper .unoize-btn-upload { transition: none !important; transform: none !important; }
            }

            /* MODAL STYLES */
            .unoize-modal-backdrop {
                position: fixed;
                top: 0; left: 0; width: 100vw; height: 100vh;
                background: rgba(0,0,0,0.8);
                backdrop-filter: blur(6px);
                z-index: 999999;
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 0;
                pointer-events: none;
                transition: opacity 0.2s ease;
            }
            .unoize-modal-backdrop.is-active {
                opacity: 1;
                pointer-events: auto;
            }
            .unoize-modal-box {
                background: #0f172a;
                border: 1px solid #1e293b;
                border-radius: 16px;
                width: 90%;
                max-width: 440px;
                padding: 28px;
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
                position: relative;
            }
            .unoize-modal-close {
                position: absolute;
                top: 16px; right: 20px;
                color: #94a3b8;
                font-size: 24px;
                cursor: pointer;
            }
            .unoize-alert-box {
                padding: 12px 16px;
                border-radius: 8px;
                font-size: 13px;
                margin-bottom: 16px;
                display: none;
            }
            .unoize-alert-success { background: rgba(16, 185, 129, 0.15); color: #34d399; border: 1px solid rgba(16, 185, 129, 0.3); }
            .unoize-alert-error { background: rgba(239, 68, 68, 0.15); color: #f87171; border: 1px solid rgba(239, 68, 68, 0.3); }

            .unoize-feedback-backdrop[hidden] { display: none !important; }
            .unoize-feedback-backdrop {
                position: fixed;
                inset: 0;
                z-index: 1000001;
                background: rgba(5, 9, 22, .78);
                backdrop-filter: blur(9px);
                -webkit-backdrop-filter: blur(9px);
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 20px;
            }
            .unoize-feedback-dialog {
                width: 100%;
                max-width: 410px;
                padding: 32px 28px 28px;
                border-radius: 22px;
                background: linear-gradient(160deg, #182139, #101827);
                border: 1px solid #384463;
                box-shadow: 0 24px 70px rgba(0, 0, 0, .5);
                color: #fff;
                text-align: center;
                outline: 0;
            }
            .unoize-feedback-symbol {
                width: 60px;
                height: 60px;
                margin: 0 auto 20px;
                border-radius: 50%;
                display: grid;
                place-items: center;
                background: rgba(16, 185, 129, .12);
                border: 1px solid rgba(52, 211, 153, .35);
                color: #6ee7b7;
                font-size: 28px;
                font-weight: 700;
            }
            .unoize-feedback-backdrop.is-error .unoize-feedback-symbol { background: rgba(239, 68, 68, .1); border-color: rgba(248, 113, 113, .3); color: #fca5a5; }
            .unoize-feedback-dialog h2 { color: #fff; font-size: 21px; line-height: 1.3; font-weight: 750; margin: 0 0 12px; text-transform: none; }
            .unoize-feedback-dialog p { color: #b8c6db; font-size: 14px; line-height: 1.7; margin: 0 0 22px; overflow-wrap: anywhere; }
            .unoize-feedback-dialog .unoize-btn-submit { margin: 0 !important; }
            @media (max-width: 480px) {
                .unoize-feedback-dialog { padding: 26px 20px 22px; border-radius: 18px; }
                .unoize-feedback-dialog h2 { font-size: 19px; }
            }

            .unoize-chat-msg { margin-bottom: 16px; padding: 16px; border-radius: 12px; }
            .msg-client { background: #1e293b; border: 1px solid #334155; }
            .msg-admin { background: #1e1b4b; border: 1px solid #3730a3; }
            .unoize-portal-wrapper { width: calc(100% - 24px); max-width: 800px; box-sizing: border-box; }
            .unoize-portal-wrapper *, .unoize-portal-wrapper *::before, .unoize-portal-wrapper *::after { box-sizing: border-box; }
            .unoize-portal-wrapper .unoize-header-flex { gap: 12px; flex-wrap: wrap; }
            .unoize-history-card { min-width: 0; overflow: hidden; }
            .unoize-history-header { align-items: center; }
            .unoize-history-heading { min-width: 0; }
            .unoize-history-email { color: #94a3b8; display: block; overflow-wrap: anywhere; margin-top: 6px; }
            .unoize-new-ticket { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; text-decoration: none; min-height: 40px; }
            .unoize-history-count { color: #94a3b8; font-size: 12px; font-weight: 600; margin: 0 0 12px; }
            .unoize-history-empty { color: #94a3b8; padding: 18px 0; }
            .unoize-ticket-list { width: 100%; min-width: 0; }
            .unoize-ticket-list-head, .unoize-ticket-row {
                display: grid;
                grid-template-columns: minmax(70px, .9fr) minmax(0, 1.65fr) minmax(90px, 1fr) minmax(110px, 1.4fr) minmax(104px, auto);
                gap: 12px;
                align-items: center;
            }
            .unoize-ticket-list-head { padding: 11px 12px; font-size: 11px; color: #94a3b8; text-transform: uppercase; letter-spacing: .055em; font-weight: 700; border-bottom: 1px solid #334155; }
            .unoize-ticket-list-head span:last-child { text-align: right; }
            .unoize-ticket-row { padding: 18px 12px; border-bottom: 1px solid #263349; font-size: 13px; }
            .unoize-ticket-row:last-child { border-bottom: 0; }
            .unoize-ticket-row > div { min-width: 0; }
            .unoize-ticket-platform-label { display: inline-block; color: #a5b4fc; background: #20294b; border: 1px solid #354272; border-radius: 8px; padding: 5px 9px; font-size: 11px; font-weight: 700; }
            .unoize-ticket-subject strong { color: #f8fafc; overflow-wrap: anywhere; font-weight: 650; }
            .unoize-ticket-date { color: #94a3b8; line-height: 1.4; }
            .unoize-ticket-badge { display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; padding: 6px 9px; border-radius: 999px; font-size: 11px; font-weight: 650; line-height: 1.35; color: #a5b4fc; background: rgba(99,102,241,.16); border: 1px solid rgba(99,102,241,.25); }
            .unoize-ticket-badge-open { color: #93c5fd; background: rgba(59,130,246,.13); border-color: rgba(59,130,246,.23); }
            .unoize-ticket-badge-in_progress { color: #fcd34d; background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.24); }
            .unoize-ticket-badge-resolved, .unoize-ticket-badge-closed { color: #6ee7b7; background: rgba(16,185,129,.12); border-color: rgba(16,185,129,.24); }
            .unoize-ticket-action { text-align: right; }
            .unoize-open-chat { display: inline-flex; justify-content: center; align-items: center; gap: 8px; text-decoration: none; white-space: nowrap; min-height: 36px; padding: 7px 11px; }
            .unoize-ticket-mobile-label { display: none; }
            .unoize-magic-confirm-card { text-align: center; }
            .unoize-magic-confirm-card h2 { color: #fff; font-size: 22px; margin: 0 0 12px; }
            .unoize-magic-confirm-card p { color: #cbd5e1; line-height: 1.6; margin: 0 auto 18px; max-width: 420px; }
            .unoize-magic-confirm-card small { display: block; color: #94a3b8; line-height: 1.5; margin-top: 18px; }
            @media (max-width: 760px) {
                .unoize-ticket-list-head { display: none; }
                .unoize-ticket-list { display: grid; gap: 12px; }
                .unoize-ticket-row { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 16px; border: 1px solid #334155; border-radius: 12px; background: rgba(30,41,59,.6); }
                .unoize-ticket-platform { grid-column: 1; grid-row: 1; }
                .unoize-ticket-status { grid-column: 2; grid-row: 1; text-align: right; }
                .unoize-ticket-subject { grid-column: 1 / -1; grid-row: 2; font-size: 15px; line-height: 1.45; }
                .unoize-ticket-date { grid-column: 1; grid-row: 3; align-self: end; font-size: 12px; }
                .unoize-ticket-action { grid-column: 2; grid-row: 3; }
                .unoize-ticket-mobile-label { display: block; color: #94a3b8; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; margin-bottom: 3px; font-weight: 700; }
                .unoize-open-chat { min-height: 40px; }
            }
            @media (max-width: 600px) {
                .unoize-card-box { padding: 18px; }
                .unoize-header-flex h2 { font-size: 21px; }
                .unoize-modal-box { box-sizing: border-box; padding: 22px; }
            }
            @media (max-width: 420px) {
                .unoize-history-header { align-items: stretch; }
                .unoize-history-heading, .unoize-new-ticket { width: 100%; }
                .unoize-new-ticket { margin-top: 6px; }
                .unoize-ticket-row { padding: 13px; gap: 10px; }
                .unoize-ticket-badge { font-size: 10px; }
                .unoize-open-chat { padding: 7px 10px; font-size: 12px; }
            }