* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Arial, sans-serif;
}

body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 10% 20%, rgba(124, 58, 237, 0.35), transparent 30%),
        radial-gradient(circle at 90% 80%, rgba(37, 99, 235, 0.35), transparent 30%),
        #050816;
    color: white;
}

.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 22px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
}

.logo {
    font-size: 24px;
    font-weight: 800;
    background: linear-gradient(90deg, #60a5fa, #a78bfa, #f472b6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav-links a {
    color: #cbd5e1;
    text-decoration: none;
    margin-left: 28px;
    font-weight: 600;
}

.nav-links a:hover {
    color: white;
}

.app-wrapper {
    min-height: 100vh;
    padding: 120px 70px 60px;
    display: grid;
    grid-template-columns: 0.9fr 620px;
    gap: 60px;
    align-items: start;
}
.left-panel .badge {
    display: inline-block;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(124, 58, 237, 0.18);
    border: 1px solid rgba(167, 139, 250, 0.35);
    color: #c4b5fd;
    font-weight: 700;
    margin-bottom: 24px;
}

.left-panel h2 {
    font-size: 58px;
    line-height: 1.05;
    max-width: 700px;
    margin-bottom: 22px;
}

.left-panel p {
    color: #cbd5e1;
    font-size: 18px;
    line-height: 1.7;
    max-width: 620px;
}

.stats {
    display: flex;
    gap: 18px;
    margin-top: 34px;
}

.stats div {
    width: 160px;
    padding: 18px;
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.stats strong {
    display: block;
    font-size: 26px;
    margin-bottom: 6px;
}

.stats span {
    color: #94a3b8;
    font-size: 13px;
}

.analyzer-card {
    padding: 28px;
    border-radius: 26px;
    background: rgba(15, 23, 42, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 0 55px rgba(124, 58, 237, 0.32);
    backdrop-filter: blur(18px);
    width: 100%;
}

.hero {
    text-align: center;
    margin-bottom: 22px;
}

.hero h2 {
    font-size: 26px;
    margin-bottom: 10px;
}

.hero p {
    color: #94a3b8;
    line-height: 1.6;
}

h1 {
    text-align: center;
    margin-bottom: 8px;
    font-size: 34px;
    background: linear-gradient(90deg, #60a5fa, #a78bfa, #f472b6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subtitle {
    text-align: center;
    color: #cbd5e1;
    margin-bottom: 26px;
    font-size: 14px;
}

label {
    display: block;
    margin-top: 16px;
    margin-bottom: 8px;
    color: #e2e8f0;
    font-weight: 700;
}

select {
    width: 100%;
    padding: 13px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: rgba(30, 41, 59, 0.95);
    color: white;
    outline: none;
}

select:focus {
    border-color: #8b5cf6;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.25);
}

button {
    width: 100%;
    margin-top: 24px;
    padding: 14px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    color: white;
    cursor: pointer;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 0 24px rgba(37, 99, 235, 0.45);
}

button:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 30px rgba(124, 58, 237, 0.65);
}

@media (max-width: 1000px) {
    .app-wrapper {
        grid-template-columns: 1fr;
        padding: 110px 25px 40px;
    }

    .left-panel h2 {
        font-size: 42px;
    }

    .navbar {
        padding: 20px 25px;
    }

    .nav-links {
        display: none;
    }
}
.result-box {
    margin-top: 22px;
    padding: 18px;
    border-radius: 16px;
    background: rgba(30, 41, 59, 0.95);
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 0 22px rgba(37, 99, 235, 0.18);
}

.result-box h3 {
    font-size: 22px;
    margin-bottom: 8px;
}

.result-box p {
    color: #cbd5e1;
    line-height: 1.5;
}
.results-grid {
    margin-top: 22px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.mini-card {
    padding: 14px;
    border-radius: 16px;
    background: rgba(30, 41, 59, 0.95);
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.mini-card h3 {
    margin-bottom: 10px;
    font-size: 16px;
}

.mini-card p {
    color: #cbd5e1;
    line-height: 1.45;
    margin-bottom: 6px;
}

.success {
    color: #22c55e !important;
}

.warning {
    color: #fbbf24 !important;
}

.info {
    color: #60a5fa !important;
}
.fps-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

.fps-row:last-child{
    border-bottom:none;
}

.fps-row strong{
    color:#60a5fa;
}
.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: rgba(30, 41, 59, 0.95);
    color: white;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white;
    padding-left: 13px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px;
}

.select2-dropdown {
    background: #1e293b;
    border: 1px solid rgba(148, 163, 184, 0.25);
    color: white;
}

.select2-search__field {
    background: #0f172a;
    color: white;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
}

.select2-results__option {
    color: white;
    padding: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    color: white;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #334155;
    color: white;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single span {
    background-color: #1e293b !important;
    color: #ffffff !important;
    border-color: rgba(148, 163, 184, 0.25) !important;
}

.select2-dropdown,
.select2-results,
.select2-results__options,
.select2-results__option {
    background-color: #1e293b !important;
    color: #ffffff !important;
}

.select2-search,
.select2-search input {
    background-color: #0f172a !important;
    color: #ffffff !important;
}

.select2-results__option--highlighted {
    background-color: #7c3aed !important;
    color: #ffffff !important;
}
input {
    width: 100%;
    padding: 13px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: rgba(30, 41, 59, 0.95);
    color: white;
    outline: none;
}

input:focus {
    border-color: #8b5cf6;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.25);
}
pre {
    white-space: pre-wrap;
    color: #cbd5e1;
    line-height: 1.5;
}
.admin-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.admin-table th,
.admin-table td {
    padding: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.12);
    text-align: left;
    color: #cbd5e1;
}

.admin-table th {
    color: white;
}
.delete-btn{
    display:inline-block;
    padding:8px 14px;
    border-radius:10px;
    background:#dc2626;
    color:white !important;
    text-decoration:none;
    font-weight:600;
    transition:0.2s;
}

.delete-btn:hover{
    background:#b91c1c;
    transform:translateY(-1px);
}
.admin-link{
    display:block;
    padding:14px;
    border-radius:14px;
    background:rgba(30,41,59,0.95);
    border:1px solid rgba(148,163,184,0.18);
    color:white;
    text-decoration:none;
    text-align:center;
    font-weight:700;
}

.admin-link:hover{
    background:linear-gradient(90deg,#2563eb,#7c3aed);
}

.admin-link.danger:hover{
    background:#dc2626;
}
.admin-nav{
    position:fixed;
    top:20px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:14px;
    padding:12px 18px;
    border-radius:18px;
    background:rgba(15,23,42,0.85);
    border:1px solid rgba(255,255,255,0.12);
    backdrop-filter:blur(14px);
    z-index:50;
}

.admin-nav a{
    color:#cbd5e1;
    text-decoration:none;
    font-weight:700;
    font-size:14px;
}

.admin-nav a:hover{
    color:white;
}
.edit-btn{
    display:inline-block;
    padding:8px 14px;
    border-radius:10px;
    background:#2563eb;
    color:white !important;
    text-decoration:none;
    font-weight:600;
    margin-right:6px;
    transition:0.2s;
}

.edit-btn:hover{
    background:#1d4ed8;
    transform:translateY(-1px);
}
@media (max-width: 700px) {
    .results-grid {
        grid-template-columns: 1fr;
    }
}
.app-wrapper {
    align-items: start !important;
}

.left-panel {
    padding-top: 180px !important;
}
.score-bar{
    width:100%;
    height:10px;
    border-radius:999px;
    background:rgba(255,255,255,0.08);
    overflow:hidden;
    margin-top:10px;
    margin-bottom:20px;
}

.score-fill{
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#22c55e,#3b82f6,#7c3aed);
}
textarea {
    width: 100%;
    min-height: 130px;
    padding: 13px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: rgba(30, 41, 59, 0.95);
    color: white;
    outline: none;
    resize: vertical;
}

textarea:focus {
    border-color: #8b5cf6;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.25);
}
.chat-wrapper{
    width:900px;
    max-width:92%;
    min-height:720px;
    margin:100px auto 40px;
    display:flex;
    flex-direction:column;
    border-radius:26px;
    background:rgba(15,23,42,0.82);
    border:1px solid rgba(255,255,255,0.12);
    box-shadow:0 0 55px rgba(124,58,237,0.32);
    overflow:hidden;
}

.chat-header{
    padding:28px 32px;
    border-bottom:1px solid rgba(255,255,255,0.1);
    text-align:center;
}

.chat-header h1{
    font-size:34px;
}

.chat-header p{
    color:#94a3b8;
    margin-top:8px;
}

.chat-box{
    flex:1;
    padding:28px;
    overflow-y:auto;
}

.message{
    max-width:75%;
    padding:16px 18px;
    border-radius:18px;
    margin-bottom:18px;
    line-height:1.6;
}

.ai-message{
    background:rgba(30,41,59,0.95);
    border:1px solid rgba(148,163,184,0.18);
}

.chat-input-area{
    padding:20px;
    border-top:1px solid rgba(255,255,255,0.1);
    background:rgba(2,6,23,0.45);
}

.chat-selects{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:12px;
}

.chat-input-row{
    display:flex;
    gap:12px;
    align-items:flex-end;
}

.chat-input-row textarea{
    min-height:58px;
    max-height:150px;
}

.chat-input-row button{
    width:130px;
    margin-top:0;
    height:58px;
}

@media(max-width:700px){
    .chat-selects{
        grid-template-columns:1fr;
    }

    .chat-input-row{
        flex-direction:column;
    }

    .chat-input-row button{
        width:100%;
    }
}

/* ===============================
   LIAnalyzer AI Fix - Clean Layout
   =============================== */

.ai-page{
    background:
        radial-gradient(circle at 20% 20%, rgba(124,58,237,0.18), transparent 30%),
        radial-gradient(circle at 80% 80%, rgba(37,99,235,0.18), transparent 30%),
        #050816;
}

.ai-home{
    min-height:100vh;
    padding:120px 20px 170px;
}

.ai-center{
    width:980px;
    max-width:95%;
    margin:120px auto 0;
    text-align:center;
}

.ai-chat-screen{
    width:760px;
    max-width:92%;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:20px;
}

.chat-message{
    border-radius:18px;
    line-height:1.6;
}

.user-bubble{
    align-self:flex-end;
    max-width:70%;
    padding:12px 18px;
    background:linear-gradient(90deg,#2563eb,#7c3aed);
    color:white;
}

.ai-bubble{
    width:100%;
    padding:22px;
    border-radius:22px;
    background:rgba(30,41,59,0.95);
    border:1px solid rgba(148,163,184,0.18);
    color:#e2e8f0;
}

.ai-search-form{
    width:100%;
    min-height:64px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px;
    border-radius:28px;
    background:rgba(30,41,59,0.92);
    border:1px solid rgba(255,255,255,0.1);
    box-shadow:0 0 35px rgba(124,58,237,0.22);
}

.ai-search-form.bottom{
    position:fixed;
    left:50%;
    bottom:26px;
    transform:translateX(-50%);
    width:760px;
    max-width:92%;
    z-index:999;
}

.ai-search-form textarea{
    flex:1;
    min-height:36px;
    max-height:130px;
    border:none;
    background:transparent;
    box-shadow:none;
    padding:10px;
    resize:none;
    color:white;
}

.ai-search-form textarea:focus{
    box-shadow:none;
    border:none;
}

.ai-plus,
.ai-send{
    width:42px;
    height:42px;
    border-radius:50%;
    border:none;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    cursor:pointer;
}

.ai-plus{
    background:rgba(15,23,42,0.55);
    color:#cbd5e1;
}

.ai-send{
    background:white;
    color:#050816;
    font-weight:900;
}

.ai-summary-card{
    background:rgba(15,23,42,0.55);
    border:1px solid rgba(255,255,255,0.10);
    border-radius:16px;
    padding:16px;
    margin:14px 0 18px;
}

.ai-summary-card h3{
    font-size:16px;
    margin-bottom:14px;
    color:#ffffff;
}

.ai-summary-grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:12px;
}

.ai-summary-grid div{
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:12px;
    padding:12px;
}

.ai-summary-grid span{
    display:block;
    font-size:12px;
    color:#94a3b8;
    margin-bottom:6px;
}

.ai-summary-grid strong{
    display:block;
    font-size:14px;
    color:#e2e8f0;
}

.summary-wide{
    grid-column:1 / -1;
}

.summary-wide + div{
    grid-column:1 / 3;
}

.fix-progress-bar{
    width:100%;
    height:8px;
    background:rgba(255,255,255,0.10);
    border-radius:999px;
    overflow:hidden;
    margin-top:8px;
}

.fix-progress-fill{
    height:100%;
    background:linear-gradient(90deg,#22c55e,#3b82f6,#7c3aed);
    border-radius:999px;
}

.ai-summary-grid small{
    display:block;
    margin-top:6px;
    color:#94a3b8;
    font-size:11px;
}

.ai-answer-card{
    margin-top:14px;
}

.ai-answer-section{
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.10);
    border-radius:14px;
    padding:16px 18px;
    margin-bottom:12px;
}

.ai-answer-section h4{
    margin:0 0 10px;
    font-size:15px;
    color:#ffffff;
}

.ai-answer-section p{
    margin:0;
    color:#d5dbea;
    line-height:1.7;
    white-space:pre-line;
}

.ai-possible{ border-left:4px solid #f59e0b; }
.ai-steps{ border-left:4px solid #3b82f6; }
.ai-completed{ border-left:4px solid #22c55e; }
.ai-next{ border-left:4px solid #a855f7; }
.ai-reason{ border-left:4px solid #94a3b8; }

.ai-step-line,
.ai-completed-line{
    display:block;
    border-radius:12px;
    padding:10px 12px;
    margin:8px 0;
}

.ai-step-line{
    background:rgba(255,255,255,0.055);
    border:1px solid rgba(255,255,255,0.08);
}

.ai-completed-line{
    background:rgba(34,197,94,0.10);
    border:1px solid rgba(34,197,94,0.25);
}

.ai-step-line b,
.ai-completed-line b{
    display:block;
    font-size:12px;
    margin-bottom:4px;
}

.ai-step-line b{
    color:#60a5fa;
}

.ai-completed-line b{
    color:#22c55e;
}

.ai-completed-line b::before{
    content:"✅ ";
}

.ai-step-line em,
.ai-completed-line em{
    display:block;
    color:#e2e8f0;
    font-style:normal;
    font-size:14px;
}

.ai-steps p{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.ai-steps br{
    display:none;
}

.ai-suggestions{
    margin-top:22px;
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}

.ai-suggestions button{
    width:auto;
    margin:0;
    padding:10px 16px;
    border-radius:999px;
    background:rgba(15,23,42,0.7);
    border:1px solid rgba(255,255,255,0.12);
    color:#cbd5e1;
    box-shadow:none;
}

@media(max-width:800px){
    .ai-summary-grid{
        grid-template-columns:1fr 1fr;
    }

    .summary-wide,
    .summary-wide + div{
        grid-column:1 / -1;
    }

    .ai-chat-screen,
    .ai-search-form.bottom{
        width:94%;
    }

    .user-bubble{
        max-width:90%;
    }
}
/* AI FIX HARD LOCK */
body.ai-page .ai-home{
    display:block !important;
    width:100% !important;
    padding:120px 20px 180px !important;
}

body.ai-page .ai-chat-screen{
    width:760px !important;
    max-width:760px !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
}

body.ai-page .chat-message.ai-bubble{
    width:760px !important;
    max-width:760px !important;
    min-width:0 !important;
    align-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

body.ai-page .chat-message.user-bubble{
    width:fit-content !important;
    max-width:520px !important;
    align-self:flex-start !important;
    margin:0 0 12px 180px !important;
    padding:12px 18px !important;
}
body.ai-page .ai-search-form.bottom{
    width:760px !important;
    max-width:760px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
}
.chat-pair{
    width:760px;
    max-width:100%;
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:0 auto 10px;
}

.chat-pair .user-bubble{
    align-self:flex-end;
    max-width:70%;
}

.chat-pair .ai-bubble{
    width:100%;
    align-self:center;
}
/* USER MESSAGE FINAL FIX */
body.ai-page .chat-pair{
    width:760px !important;
    max-width:760px !important;
    margin:0 auto 28px auto !important;
}

body.ai-page .chat-pair .user-bubble{
    align-self:flex-end !important;
    width:fit-content !important;
    max-width:520px !important;
    margin:0 0 12px auto !important;
}

body.ai-page .chat-pair .ai-bubble{
    width:760px !important;
    max-width:760px !important;
    margin:0 auto !important;
}

body.ai-page .ai-chat-screen{
    padding-bottom: 180px !important;
}

body.ai-page .chat-pair:last-of-type{
    margin-bottom: 0px !important;
}
body.ai-page .chat-pair{
    margin-bottom: 18px !important;
}

body.ai-page .chat-pair:last-of-type{
    margin-bottom: 90px !important;
}

#latest-message{
    scroll-margin-top: 110px;
    scroll-margin-bottom: 140px;
}
/* CHAT GAP FIX */
body.ai-page .ai-home{
    padding-bottom: 140px !important;
}

body.ai-page .ai-chat-screen{
    padding-bottom: 0 !important;
    gap: 14px !important;
}

body.ai-page .chat-pair{
    margin: 0 auto 18px auto !important;
    gap: 10px !important;
}

body.ai-page .chat-pair:last-of-type{
    margin-bottom: 110px !important;
}

#latest-message{
    scroll-margin-top: 90px !important;
    scroll-margin-bottom: 90px !important;
}
.ai-fix-link{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:64px;

    margin-top:16px;
    margin-bottom:8px;

    border-radius:16px;

    background:linear-gradient(90deg,#2563eb,#7c3aed);
    color:#fff !important;
    font-weight:700;
    font-size:16px;
    text-decoration:none;

    box-shadow:0 10px 35px rgba(110,76,255,.25);

    transition:.25s ease;
}

.ai-fix-link:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 40px rgba(110,76,255,.4);
}
.completed-fixes-card{
    background:rgba(34,197,94,0.08);
    border:1px solid rgba(34,197,94,0.22);
    border-radius:16px;
    padding:14px 16px;
    margin:12px 0 18px;
}

.completed-fixes-card h3{
    font-size:15px;
    margin-bottom:10px;
    color:#ffffff;
}

.completed-fix-item{
    background:rgba(34,197,94,0.10);
    border:1px solid rgba(34,197,94,0.20);
    color:#d1fae5;
    border-radius:12px;
    padding:10px 12px;
    margin-top:8px;
    font-size:14px;
}
.ai-log{
    border-left:4px solid #38bdf8;
}
.ai-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 24px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.ai-sidebar {
    background: rgba(15, 23, 42, 0.95);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 18px;
    padding: 18px;
    height: calc(100vh - 120px);
    position: sticky;
    top: 90px;
    overflow-y: auto;
}

.new-chat-btn {
    display: block;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 12px 14px;
    border-radius: 12px;
    font-weight: 700;
    margin-bottom: 18px;
}

.ai-sidebar h3 {
    color: #e5e7eb;
    font-size: 14px;
    margin-bottom: 12px;
}

.conversation-link {
    display: block;
    padding: 12px;
    border-radius: 12px;
    color: #cbd5e1;
    text-decoration: none;
    margin-bottom: 8px;
    background: rgba(30, 41, 59, 0.65);
    border: 1px solid transparent;
}

.conversation-link:hover,
.conversation-link.active {
    background: rgba(37, 99, 235, 0.18);
    border-color: rgba(96, 165, 250, 0.35);
    color: #fff;
}

.conversation-link small {
    display: block;
    margin-top: 5px;
    color: #94a3b8;
    font-size: 11px;
}

.no-conversations {
    color: #94a3b8;
    font-size: 13px;
}

.ai-main-content {
    min-width: 0;
}

@media (max-width: 900px) {
    .ai-layout {
        grid-template-columns: 1fr;
    }

    .ai-sidebar {
        height: auto;
        position: relative;
        top: 0;
    }
}
/* ===============================
   AI FIX CONVERSATION SIDEBAR FIX
   =============================== */

body.ai-page .ai-layout{
    display:grid !important;
    grid-template-columns:280px minmax(0, 1fr) !important;
    gap:24px !important;
    width:100% !important;
    max-width:1400px !important;
    margin:0 auto !important;
}

body.ai-page .ai-main-content{
    min-width:0 !important;
}

body.ai-page .ai-layout .ai-chat-screen{
    width:760px !important;
    max-width:100% !important;
    margin:0 auto !important;
}



body.ai-page .ai-sidebar{
    background:rgba(15,23,42,.96) !important;
    border:1px solid rgba(148,163,184,.22) !important;
    border-radius:18px !important;
    padding:18px !important;
    height:calc(100vh - 120px) !important;
    position:sticky !important;
    top:90px !important;
    overflow-y:auto !important;
}

body.ai-page .new-chat-btn{
    display:block !important;
    background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
    color:#fff !important;
    text-decoration:none !important;
    text-align:center !important;
    padding:12px 14px !important;
    border-radius:12px !important;
    font-weight:800 !important;
    margin-bottom:18px !important;
}

body.ai-page .conversation-link{
    display:block !important;
    padding:12px !important;
    border-radius:12px !important;
    color:#cbd5e1 !important;
    text-decoration:none !important;
    margin-bottom:8px !important;
    background:rgba(30,41,59,.72) !important;
    border:1px solid transparent !important;
}

body.ai-page .conversation-link:hover,
body.ai-page .conversation-link.active{
    background:rgba(37,99,235,.24) !important;
    border-color:rgba(96,165,250,.45) !important;
    color:#fff !important;
}

body.ai-page .conversation-link small{
    display:block !important;
    margin-top:5px !important;
    color:#94a3b8 !important;
    font-size:11px !important;
}

body.ai-page .no-conversations{
    color:#94a3b8 !important;
    font-size:13px !important;
}

@media(max-width:900px){
    body.ai-page .ai-layout{
        grid-template-columns:1fr !important;
    }

    body.ai-page .ai-sidebar{
        height:auto !important;
        position:relative !important;
        top:0 !important;
    }

 
body.ai-page .ai-layout{
    max-width:1250px !important;
    grid-template-columns:250px 1fr !important;
}

body.ai-page .ai-sidebar{
    width:250px !important;
}

/* AI FIX SIDEBAR ALIGNMENT FINAL */

body.ai-page .ai-layout{
    max-width:1180px !important;
    grid-template-columns:250px 760px !important;
    justify-content:center !important;
    gap:40px !important;
}

body.ai-page .ai-main-content{
    width:760px !important;
    max-width:760px !important;
}

body.ai-page .ai-layout .ai-chat-screen,
body.ai-page .chat-pair,
body.ai-page .chat-pair .ai-bubble{
    width:760px !important;
    max-width:760px !important;
}


}

/* AI FIX INPUT POSITION FINAL OVERRIDE */

body.ai-page .ai-layout .ai-search-form.bottom{
    position:sticky !important;
    bottom:24px !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;

    width:760px !important;
    max-width:760px !important;

    margin:40px auto 0 auto !important;
    z-index:20 !important;
}
/* AI FIX NAVBAR OVERLAP FIX */

body.ai-page .navbar{
    background:rgba(5,8,22,.82) !important;
    backdrop-filter:blur(14px) !important;
    z-index:1000 !important;
}

body.ai-page .ai-home{
    padding-top:150px !important;
}
/* AI FIX CONVERSATION DELETE */

body.ai-page .conversation-item{
    position:relative !important;
    display:flex !important;
    align-items:stretch !important;
    background:rgba(30,41,59,.72) !important;
    border:1px solid transparent !important;
    border-radius:12px !important;
    margin-bottom:8px !important;
    overflow:hidden !important;
}

body.ai-page .conversation-item.active{
    background:rgba(37,99,235,.24) !important;
    border-color:rgba(96,165,250,.45) !important;
}

body.ai-page .conversation-item .conversation-link{
    flex:1 !important;
    background:transparent !important;
    border:none !important;
    margin:0 !important;
    padding:12px 36px 12px 12px !important;
}

body.ai-page .conversation-delete{
    position:absolute !important;
    top:8px !important;
    right:8px !important;
    width:22px !important;
    height:22px !important;
    border-radius:50% !important;
    background:rgba(239,68,68,.18) !important;
    color:#fecaca !important;
    text-decoration:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    line-height:1 !important;
    font-weight:800 !important;
}

body.ai-page .conversation-delete:hover{
    background:#dc2626 !important;
    color:white !important;
}
/* AI FIX CONVERSATION RENAME */

body.ai-page .conversation-edit{
    position:absolute !important;
    top:8px !important;
    right:36px !important;
    width:22px !important;
    height:22px !important;
    border-radius:50% !important;
    margin:0 !important;
    padding:0 !important;
    background:rgba(59,130,246,.18) !important;
    color:#bfdbfe !important;
    box-shadow:none !important;
    font-size:13px !important;
    line-height:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

body.ai-page .conversation-edit:hover{
    background:#2563eb !important;
    color:white !important;
    transform:none !important;
}

body.ai-page .rename-form{
    display:none;
    width:100%;
    padding:0 10px 10px;
}

body.ai-page .rename-form input{
    width:100%;
    height:34px;
    padding:8px 10px;
    border-radius:10px;
    font-size:13px;
    margin-bottom:8px;
}

body.ai-page .rename-form button{
    width:100%;
    height:32px;
    margin:0;
    padding:6px 10px;
    border-radius:10px;
    font-size:13px;
}
/* AI FIX CONVERSATION SEARCH */

body.ai-page .conversation-search{
    width:100% !important;
    height:42px !important;
    margin:0 0 16px 0 !important;
    padding:10px 12px !important;
    border-radius:12px !important;
    border:1px solid rgba(148,163,184,.25) !important;
    background:rgba(30,41,59,.85) !important;
    color:white !important;
    outline:none !important;
    font-size:14px !important;
}

body.ai-page .conversation-search::placeholder{
    color:#94a3b8 !important;
}

body.ai-page .conversation-search:focus{
    border-color:#60a5fa !important;
    box-shadow:0 0 0 3px rgba(96,165,250,.18) !important;
}
body.ai-page .conversation-hidden{
    display:none !important;
}
/* AI FIX CONVERSATION PIN */

body.ai-page .conversation-pin{
    position:absolute !important;
    top:8px !important;
    right:64px !important;
    width:22px !important;
    height:22px !important;
    border-radius:50% !important;
    background:rgba(245,158,11,.16) !important;
    color:#fde68a !important;
    text-decoration:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:12px !important;
    line-height:1 !important;
}

body.ai-page .conversation-pin:hover,
body.ai-page .conversation-pin.pinned{
    background:#f59e0b !important;
    color:#111827 !important;
}
/* AI FIX FILE INPUT */

body.ai-page .ai-plus{
    cursor:pointer !important;
    position:relative !important;
}

body.ai-page .ai-file-input{
    display:none !important;
}
/* AI FIX USER ATTACHMENT CARD */

body.ai-page .user-attachment-card{
    margin-top:10px !important;
    padding:10px !important;
    border-radius:14px !important;
    background:rgba(15,23,42,.35) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    max-width:260px !important;
}

body.ai-page .user-attachment-card img{
    width:100% !important;
    max-height:180px !important;
    object-fit:cover !important;
    border-radius:10px !important;
    margin-bottom:8px !important;
}

body.ai-page .attachment-info strong{
    display:block !important;
    font-size:13px !important;
    color:white !important;
    word-break:break-all !important;
}

body.ai-page .attachment-info small{
    display:block !important;
    margin-top:4px !important;
    font-size:11px !important;
    color:#cbd5e1 !important;
}
/* LIANALYZER USER MENU */

.user-menu{
    position:relative;
    display:inline-block;
    margin-left:28px;
}

.user-menu-btn{
    width:auto;
    margin:0;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(30,41,59,.85);
    border:1px solid rgba(148,163,184,.25);
    color:#e5e7eb;
    font-size:14px;
    font-weight:700;
    box-shadow:none;
}

.user-menu-btn:hover{
    transform:none;
    box-shadow:none;
    background:rgba(37,99,235,.25);
}

.user-dropdown{
    display:none;
    position:absolute;
    right:0;
    top:42px;
    min-width:180px;
    padding:8px;
    border-radius:14px;
    background:rgba(15,23,42,.98);
    border:1px solid rgba(148,163,184,.22);
    box-shadow:0 20px 50px rgba(0,0,0,.35);
    z-index:9999;
}

.user-dropdown a{
    display:block;
    margin:0;
    padding:10px 12px;
    border-radius:10px;
    color:#cbd5e1;
    text-decoration:none;
}

.user-dropdown a:hover{
    background:rgba(37,99,235,.2);
    color:white;
}

.user-menu:hover .user-dropdown{
    display:block;
}
/* LIANALYZER PROFILE PAGE */

.profile-page{
    min-height:100vh;
    padding:130px 70px 70px;
}

.profile-card{
    background:rgba(15,23,42,.86);
    border:1px solid rgba(148,163,184,.18);
    border-radius:24px;
    padding:24px;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
}

.main-profile-card{
    max-width:1100px;
    margin:0 auto 24px;
    display:flex;
    align-items:center;
    gap:22px;
}

.profile-avatar{
    width:88px;
    height:88px;
    border-radius:24px;
    background:linear-gradient(135deg,#2563eb,#7c3aed);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    font-size:36px;
    font-weight:900;
}

.profile-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.main-profile-card h1{
    text-align:left;
    margin-bottom:6px;
    font-size:32px;
}

.main-profile-card p{
    color:#94a3b8;
    margin-bottom:10px;
}

.plan-badge{
    display:inline-block;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(37,99,235,.18);
    border:1px solid rgba(96,165,250,.3);
    color:#bfdbfe;
    font-size:12px;
    font-weight:800;
}

.profile-grid{
    max-width:1100px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}

.profile-card h2{
    font-size:18px;
    margin-bottom:18px;
}

.profile-row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:13px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.profile-row:last-child{
    border-bottom:none;
}

.profile-row span{
    color:#94a3b8;
}

.profile-row strong{
    color:#e5e7eb;
    text-align:right;
}

.profile-action-btn{
    display:block;
    margin-top:18px;
    padding:13px 14px;
    border-radius:14px;
    background:rgba(37,99,235,.18);
    color:#bfdbfe;
    text-decoration:none;
    text-align:center;
    font-weight:800;
    border:1px solid rgba(96,165,250,.3);
}

.profile-action-btn:hover{
    background:rgba(37,99,235,.35);
    color:white;
}

.profile-action-btn.upgrade{
    background:linear-gradient(135deg,#2563eb,#7c3aed);
    color:white;
}

@media(max-width:800px){
    .profile-page{
        padding:120px 20px 50px;
    }

    .main-profile-card{
        flex-direction:column;
        text-align:center;
    }

    .main-profile-card h1{
        text-align:center;
    }

    .profile-grid{
        grid-template-columns:1fr;
    }
}
/* PROFILE WIDTH FIX */

.profile-page{
    width:100% !important;
    max-width:none !important;
    padding:130px 70px 70px !important;
}

.main-profile-card,
.profile-grid{
    max-width:1100px !important;
}

.profile-grid{
    grid-template-columns:1fr 1fr !important;
}

.profile-card{
    min-width:0 !important;
}
/* NAVBAR DROPDOWN FIX */

.user-menu{
    position:relative !important;
    z-index:99999 !important;
}

.user-dropdown{
    top:34px !important;
    right:0 !important;
    z-index:999999 !important;
    pointer-events:auto !important;
}

.user-menu:hover .user-dropdown,
.user-dropdown:hover{
    display:block !important;
}

.navbar{
    z-index:99999 !important;
}
/* EMAIL VERIFY BANNER */

.verify-email-banner{
    position:fixed;
    top:78px;
    left:50%;
    transform:translateX(-50%);
    width:calc(100% - 80px);
    max-width:1100px;
    z-index:9998;

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

    padding:12px 18px;
    border-radius:16px;

    background:rgba(245,158,11,.14);
    border:1px solid rgba(245,158,11,.35);
    color:#fde68a;

    backdrop-filter:blur(14px);
}

.verify-email-banner span{
    font-weight:700;
    font-size:14px;
}

.verify-email-banner a{
    color:#fff;
    font-weight:900;
    text-decoration:none;
    padding:8px 12px;
    border-radius:10px;
    background:rgba(245,158,11,.35);
}

.verify-email-banner a:hover{
    background:#f59e0b;
    color:#111827;
}
/* ===============================
   LIAnalyzer Home Page Final
   =============================== */

.home-page .main-profile-card{
    position:relative;
    overflow:hidden;
    min-height:360px;
    background:
        linear-gradient(135deg, rgba(37,99,235,.18), rgba(124,58,237,.16)),
        rgba(15,23,42,.88);
}

.home-page .main-profile-card::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-80px;
    top:-80px;
    border-radius:50%;
    background:rgba(96,165,250,.14);
    filter:blur(10px);
}

.home-page .main-profile-card > div{
    position:relative;
    z-index:2;
}

.home-page .main-profile-card h1{
    font-size:46px;
    line-height:1.05;
}

.home-page .main-profile-card p{
    font-size:16px;
    line-height:1.7;
}

.home-page .profile-card{
    transition:.22s ease;
}

.home-page .profile-grid .profile-card:hover{
    transform:translateY(-4px);
    border-color:rgba(96,165,250,.35);
    box-shadow:0 24px 70px rgba(37,99,235,.18);
}

.home-page .profile-grid .profile-card h2{
    font-size:21px;
}

.home-page .profile-grid .profile-card p{
    color:#94a3b8;
    line-height:1.7;
}

.home-page .profile-action-btn{
    display:inline-flex;
    width:auto;
    min-width:160px;
    justify-content:center;
    align-items:center;
}

@media(max-width:800px){
    .home-page .main-profile-card{
        min-height:auto;
    }

    .home-page .main-profile-card h1{
        font-size:36px;
    }

    .home-page .profile-action-btn{
        width:100%;
    }
}
/* ===============================
   LIAnalyzer Home Spacing + Mobile Fix
   =============================== */

.home-page{
    padding-bottom:40px !important;
}

.home-page .main-profile-card{
    min-height:auto !important;
    padding:32px !important;
}

.home-page .profile-grid{
    gap:18px !important;
}

.home-page .profile-grid .profile-card{
    padding:22px !important;
}

.home-page > .profile-card:last-child{
    max-width:1100px !important;
    margin:22px auto 0 !important;
    padding:24px !important;
}

.home-page > .profile-card:last-child .profile-action-btn{
    width:100% !important;
    display:flex !important;
}

@media(max-width:800px){
    .profile-page.home-page{
        padding:105px 16px 35px !important;
    }

    .home-page .main-profile-card{
        padding:24px !important;
        gap:16px !important;
    }

    .home-page .profile-avatar{
        width:72px !important;
        height:72px !important;
        font-size:30px !important;
    }

    .home-page .main-profile-card h1{
        font-size:34px !important;
        text-align:center !important;
    }

    .home-page .main-profile-card p{
        text-align:center !important;
    }

    .home-page .profile-grid{
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    .home-page .profile-grid .profile-card{
        padding:20px !important;
    }

    .home-page .profile-action-btn{
        width:100% !important;
        min-width:0 !important;
    }

    .home-page > .profile-card:last-child{
        margin-top:18px !important;
        padding:22px !important;
    }
}

.profile-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 18px;
}

.profile-actions .profile-action-btn {
    margin-top: 0;
}
/* =========================================
   LIANALYZER PRICING PAGE
   ========================================= */

.pricing-page{
    width:100%;
    min-height:100vh;
    padding:130px 40px 70px;
}

.pricing-hero{
    width:100%;
    max-width:760px;
    margin:0 auto 42px;
    text-align:center;
}

.pricing-eyebrow{
    display:inline-flex;
    padding:7px 12px;
    margin-bottom:15px;
    border-radius:999px;
    background:rgba(124,58,237,.12);
    border:1px solid rgba(167,139,250,.25);
    color:#c4b5fd;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.2px;
}

.pricing-hero h1{
    margin:0 0 12px;
    font-size:42px;
    line-height:1.1;
    letter-spacing:-1.2px;
}

.pricing-hero p{
    max-width:650px;
    margin:0 auto;
    color:#94a3b8;
    font-size:15px;
    line-height:1.7;
}


/* PLANS */

.pricing-plans{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    align-items:stretch;
}

.pricing-plan{
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:26px;
    border-radius:18px;
    background:#0b1426;
    border:1px solid rgba(148,163,184,.14);
    box-shadow:0 18px 50px rgba(0,0,0,.18);
    transition:.2s ease;
}

.pricing-plan:hover{
    transform:translateY(-3px);
    border-color:rgba(96,165,250,.30);
}

.pricing-plan.pricing-pro{
    background:
        linear-gradient(
            180deg,
            rgba(124,58,237,.05),
            transparent 30%
        ),
        #0b1426;

    border-color:rgba(139,92,246,.22);
}


/* TOP */

.pricing-plan-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.pricing-plan-name{
    display:block;
    margin-bottom:9px;
    color:#60a5fa;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.1px;
}

.pricing-plan h2{
    margin:0;
    color:#f8fafc;
    font-size:20px;
    line-height:1.3;
}

.pricing-beta{
    flex:0 0 auto;
    padding:4px 7px;
    border-radius:6px;
    background:rgba(124,58,237,.09);
    border:1px solid rgba(167,139,250,.15);
    color:#b9a6f8;
    font-size:9px;
    font-weight:800;
    white-space:nowrap;
}

.pricing-plan-description{
    min-height:66px;
    margin:14px 0 0;
    color:#64748b;
    font-size:13px;
    line-height:1.65;
}


/* PRICE */

.pricing-price{
    display:flex;
    align-items:flex-end;
    gap:7px;
    margin:23px 0 0;
}

.pricing-price strong{
    color:#fff;
    font-size:38px;
    line-height:1;
    letter-spacing:-1.2px;
}

.pricing-price span{
    margin-bottom:4px;
    color:#64748b;
    font-size:13px;
}

.pricing-divider{
    height:1px;
    margin:24px 0 18px;
    background:rgba(148,163,184,.10);
}


/* FEATURES */

.pricing-features{
    display:flex;
    flex-direction:column;
    gap:0;
    flex:1;
}

.pricing-features > div{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:38px;
    color:#cbd5e1;
    font-size:13px;
}

.pricing-check{
    width:20px;
    height:20px;
    flex:0 0 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    background:rgba(34,197,94,.10);
    color:#4ade80;
    font-size:11px;
    font-weight:900;
}

.pricing-disabled{
    opacity:.35;
}

.pricing-disabled .pricing-check{
    background:rgba(148,163,184,.08);
    color:#64748b;
}


/* BUTTON */

.pricing-action{
    margin-top:24px;
}

.pricing-btn{
    width:100%;
    min-height:46px;
    margin:0;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:10px;
    background:linear-gradient(90deg,#2563eb,#7c3aed);
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    box-shadow:none;
    transition:.2s ease;
}

a.pricing-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 30px rgba(79,70,229,.22);
}

.pricing-current{
    background:rgba(34,197,94,.09);
    border:1px solid rgba(34,197,94,.18);
    color:#4ade80;
    cursor:default;
}

.pricing-secondary{
    background:rgba(30,41,59,.70);
    border:1px solid rgba(148,163,184,.16);
    color:#cbd5e1;
}

.pricing-btn:disabled{
    opacity:.72;
    cursor:default;
    transform:none;
}


/* CHOICE */

.pricing-choice{
    width:100%;
    max-width:900px;
    margin:16px auto 0;
    padding:20px 24px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:24px;
    border-radius:16px;
    background:rgba(11,20,38,.72);
    border:1px solid rgba(148,163,184,.12);
}

.pricing-choice > div:not(.choice-separator){
    display:flex;
    align-items:center;
    gap:13px;
}

.choice-icon{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(37,99,235,.10);
    color:#93c5fd;
    font-size:16px;
}

.pricing-choice strong{
    display:block;
    color:#e2e8f0;
    font-size:13px;
    margin-bottom:4px;
}

.pricing-choice p{
    margin:0;
    color:#64748b;
    font-size:12px;
    line-height:1.5;
}

.choice-separator{
    width:1px;
    height:42px;
    background:rgba(148,163,184,.12);
}


/* MOBILE */

@media(max-width:950px){

    .pricing-plans{
        grid-template-columns:1fr;
        max-width:620px;
    }

    .pricing-plan-description{
        min-height:0;
    }

    .pricing-choice{
        max-width:620px;
        grid-template-columns:1fr;
    }

    .choice-separator{
        width:100%;
        height:1px;
    }
}

@media(max-width:600px){

    .pricing-page{
        padding:110px 16px 45px;
    }

    .pricing-hero{
        margin-bottom:30px;
    }

    .pricing-hero h1{
        font-size:34px;
    }

    .pricing-plan{
        padding:21px;
    }

    .pricing-choice{
        padding:18px;
    }
}