:root{
    --br-bg: #f3f4f6;
    --br-surface: rgba(255, 255, 255, 0.82);
    --br-border: rgba(15, 23, 42, 0.10);
    --br-text: #1f2937;
    --br-shadow-card: 0 14px 36px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255,255,255,.92);
    --glass-border: var(--br-border);
    --glass-bg: var(--br-surface);
    --glass-shadow: var(--br-shadow-card);
}body{
    font-family: "Vazirmatn", system-ui, -apple-system, sans-serif;
    background-color: var(--br-bg);
    color: var(--br-text);
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
}.ambient-bg{
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    z-index: -1; overflow: hidden; pointer-events: none; background: var(--br-bg);
}.ambient-blob-1{
    position: absolute; top: -10%; left: -10%; width: 50vw; height: 50vw;
    background: radial-gradient(circle, rgba(255,87,34,0.15) 0%, rgba(255,87,34,0) 70%);
    border-radius: 50%; filter: blur(40px); animation: blob 12s infinite alternate;
}.ambient-blob-2{
    position: absolute; bottom: -20%; right: -10%; width: 60vw; height: 60vw;
    background: radial-gradient(circle, rgba(93,64,55,0.1) 0%, rgba(93,64,55,0) 70%);
    border-radius: 50%; filter: blur(50px); animation: blob 15s infinite alternate-reverse;
}.glass-card{
    background: var(--glass-bg); backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
}.no-scrollbar::-webkit-scrollbar{ display: none; }.no-scrollbar{ -ms-overflow-style: none; scrollbar-width: none; }.tab-content{
    opacity: 0; transform: translateY(15px) scale(0.98);
    transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); display: none;
}.tab-content.active{
    opacity: 1; transform: translateY(0) scale(1); display: block;
}@keyframes shimmer { 100%{ transform: translateX(100%) skewX(-15deg); } }.animate-shimmer{ animation: shimmer 2.5s infinite; }.line-clamp-2{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}:root{
    --ui-bg: var(--br-bg);
    --ui-surface: var(--br-surface);
    --ui-surface-strong: rgba(255, 255, 255, 0.94);
    --ui-border-glass: var(--br-border);
    --ui-border-subtle: rgba(15, 23, 42, 0.065);
    --ui-shadow-soft: var(--br-shadow-card);
    --ui-shadow-glow: 0 10px 24px rgba(14, 165, 233, 0.22);
    --spring-easing: cubic-bezier(0.25, 1, 0.3, 1);
}body.brenova-ui-v145{
    background: var(--ui-bg);
    color: #2C1E16;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    overscroll-behavior-y: none;
}body.brenova-ui-v145 .ambient-bg{
    background: linear-gradient(145deg, #fdfbf7 0%, #f4f1eb 100%);
}body.brenova-ui-v145 .ambient-blob-1,body.brenova-ui-v145 .ambient-blob-2{
    opacity: 0.45;
    filter: blur(40px);
    will-change: transform;
}body.brenova-ui-v145 .glass-card{
    background: var(--ui-surface) !important;
    border: 1px solid var(--ui-border-glass) !important;
    box-shadow: var(--ui-shadow-soft), inset 0 1px 1px rgba(255, 255, 255, 1) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
}body.brenova-ui-v145 header.glass-card{
    border-radius: 0 0 32px 32px !important;
    margin: 0 8px 18px !important;
    padding-top: calc(0.75rem + env(safe-area-inset-top)) !important;
}body.brenova-ui-v145 button,body.brenova-ui-v145 [role="button"],body.brenova-ui-v145 .auth-kind-btn{
    touch-action: manipulation;
    transition: transform 0.3s var(--spring-easing), box-shadow 0.3s ease, opacity 0.3s ease;
    will-change: transform;
}body.brenova-ui-v145 button:not(:disabled):active,body.brenova-ui-v145 .auth-kind-btn:not(:disabled):active{
    transform: scale(0.94) translateY(2px) !important;
}body.brenova-ui-v145 button:disabled{
    opacity: 0.5;
    filter: grayscale(0.5);
    transform: none !important;
}body.brenova-ui-v145 button[class*="bg-gradient-to-"]{
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: var(--ui-shadow-glow),
                inset 0 1px 1px rgba(255, 255, 255, 0.4),
                inset 0 -2px 6px rgba(0, 0, 0, 0.15) !important;
}body.brenova-ui-v145 button[class*="from-brand"],body.brenova-ui-v145 button[class*="from-amber-700"],body.brenova-ui-v145 button[class*="from-slate-900"]{
    background-image: linear-gradient(135deg, #3A281D 0%, #FF6A2A 100%) !important;
}body.brenova-ui-v145 button.bg-white,body.brenova-ui-v145 button.bg-stone-50,body.brenova-ui-v145 button.bg-stone-100{
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid var(--ui-border-glass) !important;
    box-shadow: 0 4px 12px rgba(44, 30, 22, 0.04),
                inset 0 2px 4px rgba(255, 255, 255, 1) !important;
}body.brenova-ui-v145 .auth-kind-btn.active{
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid var(--ui-border-glass) !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06),
                inset 0 1px 0 rgba(255,255,255,1) !important;
}body.brenova-ui-v145 input,body.brenova-ui-v145 select,body.brenova-ui-v145 textarea{
    background: rgba(255, 255, 255, 0.65) !important;
    border: 1.5px solid var(--ui-border-glass) !important;
    box-shadow: inset 0 2px 5px rgba(44, 30, 22, 0.02) !important;
    transition: all 0.3s ease;
}body.brenova-ui-v145 input:focus,body.brenova-ui-v145 select:focus,body.brenova-ui-v145 textarea:focus{
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(255, 87, 34, 0.5) !important;
    box-shadow: 0 0 0 4px rgba(255, 87, 34, 0.12),
                0 8px 16px rgba(255, 87, 34, 0.08) !important;
    transform: translateY(-1px);
}body.brenova-ui-v145 #toast-container > *{
    border-radius: 18px !important;
    box-shadow: 0 16px 32px rgba(15,23,42,0.15), inset 0 1px 1px rgba(255,255,255,0.2) !important;
}@media (max-width: 720px){body.brenova-ui-v145 .ambient-blob-1,body.brenova-ui-v145 .ambient-blob-2{
        animation: none;
        filter: blur(30px);
    }body.brenova-ui-v145 header.glass-card{
        margin-inline: 0 !important;
        border-radius: 0 0 24px 24px !important;
    }}@media (prefers-reduced-motion: reduce){body.brenova-ui-v145 *,body.brenova-ui-v145 *::before,body.brenova-ui-v145 *::after{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }}.brenova-fixed-input,#main-app input,#main-app textarea,#main-app select,.modal input,.modal textarea,.modal select{
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
}#main-app textarea,.modal textarea{
    overflow-y: auto !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    resize: vertical;
}#main-app .grid > *,.modal .grid > *{ min-width: 0; }[dir="auto"]{ unicode-bidi: plaintext; }@media (max-width: 420px){#main-app .brenova-form-grid{ grid-template-columns: minmax(0, 1fr) !important; }#main-app .brenova-form-grid .col-span-2{ grid-column: span 1 / span 1 !important; }}/* V166: native form interaction safety */#main-app input:not([type="hidden"]),#main-app textarea,#main-app select,#main-app button,.modal input:not([type="hidden"]),.modal textarea,.modal select,.modal button{
    pointer-events: auto !important;
    touch-action: manipulation;
}#main-app input:not([type="hidden"]),#main-app textarea,#main-app select,.modal input:not([type="hidden"]),.modal textarea,.modal select{
    position: relative;
    z-index: 1;
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
}#main-app select,.modal select{
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    overflow: visible !important;
    white-space: normal !important;
}#main-app input[type="checkbox"],.modal input[type="checkbox"]{
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    max-width: 18px !important;
    max-height: 18px;
    overflow: visible !important;
    flex: 0 0 auto;
    cursor: pointer;
}.brenova-interactive-surface,.brenova-interactive-surface *{
    pointer-events: auto;
}/* V171 compact footer baseline *//* BRENOVA V177 LOGIN-LIKE UNIFIED THEME */:root{
    --v177-login-page-bg: linear-gradient(180deg, #fffaf4 0%, #f7f3ee 44%, #f3f4f6 100%);
    --v177-login-card-bg: rgba(255,255,255,.76);
    --v177-login-card-border: rgba(255,255,255,.82);
    --v177-login-card-shadow: 0 16px 34px rgba(44,30,22,.08), inset 0 1px 0 rgba(255,255,255,.92);
}body.brenova-ui-v145,body.brenova-ui-v145 #main-app,body.brenova-ui-v145 main,body.brenova-ui-v145 .tab-content{
    background: transparent !important;
}body.brenova-ui-v145 .ambient-bg{
    background:
        radial-gradient(circle at 14% 10%, rgba(255, 138, 0, .13), transparent 30%),
        radial-gradient(circle at 88% 20%, rgba(93, 64, 55, .10), transparent 28%),
        var(--v177-login-page-bg) !important;
}body.brenova-ui-v145 .glass-card,body.brenova-ui-v145 #main-app .tab-content > div[class*="glass-card"],body.brenova-ui-v145 #main-app .tab-content article,body.brenova-ui-v145 #main-app .tab-content section.glass-card,body.brenova-ui-v145 #main-app .tab-content .v168-mini-head{
    background: var(--v177-login-card-bg) !important;
    border-color: var(--v177-login-card-border) !important;
    box-shadow: var(--v177-login-card-shadow) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}body.brenova-ui-v145 #main-app .tab-content [class*="bg-white/"]:not(button):not(a),body.brenova-ui-v145 #main-app .tab-content [class*="bg-stone-50"]:not(button):not(a),body.brenova-ui-v145 #main-app .tab-content [class*="bg-stone-100"]:not(button):not(a){
    background: rgba(255,255,255,.72) !important;
    border-color: rgba(255,255,255,.82) !important;
    box-shadow: 0 12px 24px rgba(44,30,22,.05), inset 0 1px 0 rgba(255,255,255,.88) !important;
}body.brenova-ui-v145 header.glass-card{
    background: rgba(255,255,255,.78) !important;
    border-color: rgba(255,255,255,.86) !important;
    box-shadow: var(--v177-login-card-shadow) !important;
}/* BRENOVA V180 — transparent card system */body.brenova-ui-v145 .glass-card,body.brenova-ui-v145 #main-app section.glass-card,body.brenova-ui-v145 #main-app .v168-mini-head{
    background: rgba(255,255,255,.54) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    box-shadow: 0 14px 30px rgba(44,30,22,.055), inset 0 1px 0 rgba(255,255,255,.92) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}body.brenova-ui-v145 #main-app input,body.brenova-ui-v145 #main-app select,body.brenova-ui-v145 #main-app textarea{
    background: rgba(255,255,255,.62) !important;
    border-color: rgba(255,255,255,.82) !important;
}/* BRENOVA V181 — remove toolbar icon backing shapes *//* BRENOVA V182 — modal polish and search/card fixes *//* BRENOVA V183 — marketer footer FAB + compact header polish */body.brenova-ui-v145 #main-app > header{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 6px 14px !important;
    padding: calc(.65rem + env(safe-area-inset-top)) 10px .65rem !important;
    overflow: hidden !important;
}body.brenova-ui-v145 #main-app > header > div:first-child{
    min-width: 0 !important;
    gap: 8px !important;
    overflow: hidden !important;
}body.brenova-ui-v145 #main-header-logo{
    max-width: 100% !important;
}body.brenova-ui-v145 #main-app > header > div:first-child > div:first-child{
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 15px !important;
}body.brenova-ui-v145 #header-app-name,body.brenova-ui-v145 #header-brand-caption{
    max-width: min(40vw, 128px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}body.brenova-ui-v145 #main-app > header > div:last-child{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    gap: 7px !important;
    min-width: 0 !important;
    flex-shrink: 0 !important;
    max-width: 46vw !important;
    overflow: hidden !important;
}body.brenova-ui-v145 #main-app > header > div:last-child > .w-px,body.brenova-ui-v145 #brenova-pwa-update-btn{
    display: none !important;
}body.brenova-ui-v145 #active-user-name{
    max-width: 92px !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
}body.brenova-ui-v145 #active-user-role{
    max-width: 92px !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 7px !important;
    line-height: 1.25 !important;
    background: rgba(249,115,22,.90) !important;
    box-shadow: none !important;
}body.brenova-ui-v145 #brenova-notification-bell{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--br-text-muted) !important;
}body.brenova-ui-v145 #brenova-notification-bell i{
    font-size: 15px !important;
}@keyframes brenova-followup-bell-v480{
    0%,100%{transform:rotate(0deg);filter:drop-shadow(0 0 0 rgba(220,38,38,0))}
    20%{transform:rotate(9deg)}
    40%{transform:rotate(-9deg);filter:drop-shadow(0 0 5px rgba(220,38,38,.55))}
    60%{transform:rotate(5deg)}
    80%{transform:rotate(-5deg)}
}body.brenova-ui-v145 #brenova-notification-bell.has-important-followups{
    border:1px solid rgba(220,38,38,.24) !important;
    background:rgba(254,226,226,.92) !important;
    color:#dc2626 !important;
}body.brenova-ui-v145 #brenova-notification-bell.has-important-followups>i{
    animation:brenova-followup-bell-v480 1.2s ease-in-out infinite !important;
}body.brenova-ui-v145 #brenova-notification-count{
    top:0 !important;
    left:0 !important;
}@media (prefers-reduced-motion:reduce){
    body.brenova-ui-v145 #brenova-notification-bell.has-important-followups>i{animation:none !important;}
}@media (max-width: 390px){body.brenova-ui-v145 #header-app-name,body.brenova-ui-v145 #header-brand-caption{ max-width: 34vw !important; }body.brenova-ui-v145 #main-app > header > div:last-child{ max-width: 44vw !important; gap: 5px !important; }body.brenova-ui-v145 #active-user-name,body.brenova-ui-v145 #active-user-role{ max-width: 76px !important; }}/* BRENOVA V186 — center footer icon has no halo when inactive *//* BRENOVA V208 — unified role surfaces + mobile rendering budget */@keyframes brenova-v208-tab-in{
    from{opacity:.72;transform:translateY(4px)}
    to{opacity:1;transform:none}
}:root{
  --ui-bg: #f4f7fb;
  --ui-surface: rgba(255,255,255,0.78);
  --ui-surface-strong: rgba(255,255,255,0.92);
  --ui-border-glass: rgba(255,255,255,0.9);
  --ui-border-subtle: rgba(15,23,42,0.06);
  --ui-shadow-soft: 0 18px 42px -12px rgba(15,23,42,0.10);
  --ui-shadow-glow: 0 8px 24px -6px rgba(37,99,235,0.22);
}body.brenova-ui-v145{ color:#1e293b; }body.brenova-ui-v145 .ambient-bg{ background: linear-gradient(160deg, #f8fbff 0%, #eef5ff 55%, #f5faf8 100%); }body.brenova-ui-v145 .ambient-blob-1{ background: radial-gradient(circle, rgba(14,165,233,0.12) 0%, rgba(14,165,233,0) 70%); }body.brenova-ui-v145 .ambient-blob-2{ background: radial-gradient(circle, rgba(16,185,129,0.10) 0%, rgba(16,185,129,0) 72%); }body.brenova-ui-v145 button[class*="from-brand"],body.brenova-ui-v145 button[class*="from-amber-700"],body.brenova-ui-v145 button[class*="from-slate-900"]{
  background-image: linear-gradient(135deg, #0f766e 0%, #2563eb 100%) !important;
}body.brenova-ui-v145 .text-brand-dark{ color:#0f172a !important; }body.brenova-ui-v145 .text-brand-primary{ color:#0f766e !important; }body.brenova-ui-v145 .bg-brand-dark{ background-color:#0f766e !important; }body.brenova-ui-v145 .bg-brand-primary{ background-color:#2563eb !important; }body.brenova-ui-v145 .from-brand-dark{ --tw-gradient-from:#0f766e var(--tw-gradient-from-position) !important; --tw-gradient-to:rgba(15,118,110,0) var(--tw-gradient-to-position) !important; --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important; }body.brenova-ui-v145 .to-brand-primary{ --tw-gradient-to:#2563eb var(--tw-gradient-to-position) !important; }/* --- v211 role theme and marketer reference skin --- */:root{
  --br-nav-bg1:#0b3559;
  --br-nav-bg2:#0a2340;
  --br-nav-accent:#0e8b90;
  --br-nav-accent-2:#19a7ad;
  --br-page:#f4f7fb;
  --br-surface:#ffffff;
  --br-shadow:0 18px 40px rgba(15,23,42,.08);
  --br-shadow-soft:0 10px 24px rgba(15,23,42,.06);
}body{background:linear-gradient(180deg,#f8fbff 0%, #f4f7fb 55%, #eef3f8 100%);}main.container{padding-bottom:8.25rem!important;}.tab-content{min-height:calc(100vh - 170px);}.glass-card,.role-surface-card{background:rgba(255,255,255,.88)!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:var(--br-shadow)!important;border-radius:2rem!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}/* --- v212 neutral gray background palette --- */html,body,body.brenova-ui-v145{
  background: #dfe3e8 !important;
  background-color: #dfe3e8 !important;
}body.brenova-ui-v145 .ambient-bg,.ambient-bg{
  background: linear-gradient(180deg, #e7eaee 0%, #dfe3e8 52%, #d8dde3 100%) !important;
}body.brenova-ui-v145 .ambient-blob-1,body.brenova-ui-v145 .ambient-blob-2,.ambient-blob-1,.ambient-blob-2{
  opacity: .16 !important;
}#main-app,main.container,.tab-content{
  background-color: transparent !important;
}/* --- v215 map rows + elephant gray palette --- */:root{
  --br-nav-accent:#70757a;
  --br-nav-accent-2:#9aa0a6;
  --ui-shadow-glow:0 8px 24px -6px rgba(75,85,99,.20);
}body.brenova-ui-v145 .ambient-blob-2{background:radial-gradient(circle,rgba(107,114,128,.12) 0%,rgba(107,114,128,0) 72%)!important;}body.brenova-ui-v145 button[class*="from-brand"],body.brenova-ui-v145 button[class*="from-amber-700"],body.brenova-ui-v145 button[class*="from-slate-900"]{background-image:linear-gradient(135deg,#4b5563 0%,#7c858d 100%)!important;}body.brenova-ui-v145 .text-brand-primary{color:#5f6871!important;}body.brenova-ui-v145 .bg-brand-dark{background-color:#4b5563!important;}body.brenova-ui-v145 .from-brand-dark{--tw-gradient-from:#4b5563 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(75,85,99,0) var(--tw-gradient-to-position)!important;}body.brenova-ui-v145 .to-brand-primary{--tw-gradient-to:#8b9298 var(--tw-gradient-to-position)!important;}/* Replace green/teal utility colors with gray/elephant shades. */.bg-emerald-50,.bg-emerald-50\/20,.bg-emerald-50\/30,.bg-emerald-50\/70,.bg-emerald-50\/80{background-color:#f0f1f2!important;}.bg-emerald-100{background-color:#e2e4e6!important;}.bg-emerald-500,.bg-emerald-600,.bg-teal-600{background-color:#70777e!important;}.bg-emerald-700\/70{background-color:rgba(75,85,99,.72)!important;}.text-emerald-200,.text-emerald-400,.text-emerald-500,.text-emerald-600,.text-emerald-700,.text-emerald-800{color:#59616a!important;}.border-emerald-100,.border-emerald-100\/70,.border-emerald-200,.border-emerald-400,.border-emerald-500{border-color:#cfd3d6!important;}.from-emerald-50,.from-emerald-50\/80,.from-emerald-400,.from-emerald-500,.from-emerald-600,.from-emerald-700{--tw-gradient-from:#697178 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(105,113,120,0) var(--tw-gradient-to-position)!important;}.to-teal-400,.to-teal-500{--tw-gradient-to:#9da3a8 var(--tw-gradient-to-position)!important;}.shadow-emerald-500\/20,.shadow-emerald-500\/25,.shadow-emerald-500\/30,.shadow-emerald-900\/20,.shadow-teal-500\/20{--tw-shadow-color:rgba(75,85,99,.20)!important;}.hover\:bg-emerald-100:hover{background-color:#dde0e2!important;}.hover\:bg-emerald-600:hover,.hover\:bg-emerald-700:hover{background-color:#5f666d!important;}.hover\:border-emerald-200:hover{border-color:#bfc4c8!important;}.focus\:border-emerald-500:focus{border-color:#7d858c!important;}.focus\:ring-emerald-100:focus{--tw-ring-color:#d9dcde!important;}.peer:checked~.peer-checked\:bg-emerald-500{background-color:#747b82!important;}