@font-face {
    font-family: Vazirmatn;
    src: local('Vazirmatn'), local('Vazir');
}

:root {
    --yellow: #f6b900;
    --yellow-dark: #e7a800;
    --black: #111111;
    --muted: #666666;
    --border: #e6e6e6;
    --bg: #f4f5f7;
    --white: #ffffff;
    --danger: #d63638;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100vh;
    background: transparent;
    color: var(--black);
    font-family: Vazirmatn, Tahoma, Arial, sans-serif;
}

.page {
    width: min(1180px, calc(100% - 32px));
    margin: 28px auto;
}

.topbar,
.card-toolbar,
.panel {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 22px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
}

.topbar,
.card-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 24px;
    margin-bottom: 20px;
}

h1, h2, p { margin-top: 0; }

h1 {
    margin-bottom: 6px;
    font-size: 28px;
}

h2 {
    font-size: 22px;
    margin-bottom: 18px;
}

p { color: var(--muted); margin-bottom: 0; }

.panel {
    padding: 24px;
    margin-bottom: 20px;
}

.alert {
    padding: 14px 18px;
    margin-bottom: 18px;
    border-radius: 16px;
    background: #fff7d8;
    border: 1px solid #ffe495;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.form-grid > fieldset,
.form-grid > button {
    grid-column: 1 / -1;
}

label {
    display: grid;
    gap: 8px;
    font-weight: 700;
}

input {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 12px 14px;
    font: inherit;
    background: transparent;
}

input:focus {
    outline: 3px solid rgba(246, 185, 0, 0.25);
    border-color: var(--yellow);
}

fieldset {
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 16px;
}

legend {
    padding: 0 10px;
    font-weight: 900;
}

.scores {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.hint {
    color: var(--muted);
    font-size: 12px;
    font-weight: 400;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 14px;
    padding: 12px 18px;
    min-height: 44px;
    background: linear-gradient(135deg, #ffd632, var(--yellow-dark));
    color: #111;
    font: inherit;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.btn:hover { filter: brightness(0.97); }


.btn-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25em;
    height: 1.25em;
    font-size: 1.08em;
}


.btn:disabled { opacity: 0.55; cursor: wait; }

.btn-light {
    background: #f3f3f3;
}

.btn-danger {
    background: var(--danger);
    color: #fff;
}

.btn-small {
    padding: 8px 12px;
    min-height: 36px;
    border-radius: 10px;
    font-size: 13px;
}

.table-wrap { overflow-x: auto; }

table {
    width: 100%;
    border-collapse: collapse;
    min-width: 850px;
}

th, td {
    padding: 13px 10px;
    border-bottom: 1px solid var(--border);
    text-align: right;
    vertical-align: middle;
}

th {
    background: #fafafa;
    font-weight: 900;
}

.avatar,
.empty-avatar {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eee;
}

.actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.actions form { margin: 0; }

.empty { padding: 18px; background: #fafafa; border-radius: 16px; }

.card-page {
    width: min(1120px, calc(100% - 24px));
}

.toolbar-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.preview-wrap {
    display: grid;
    place-items: center;
    padding: 20px;
    border-radius: 24px;
    background: #ededed;
    overflow: auto;
    direction: ltr;
}

.preview-wrap img {
    display: block;
    width: min(100%, 760px);
    max-width: 100%;
    height: auto;
    border-radius: 26px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
    background: #fff;
}

@media (max-width: 850px) {
    .topbar,
    .card-toolbar {
        align-items: stretch;
        flex-direction: column;
    }
    .form-grid,
    .scores {
        grid-template-columns: 1fr;
    }
}

.canvas-card {
    display: block;
    width: min(100%, 760px);
    max-width: 100%;
    height: auto;
    border-radius: 26px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
    background: transparent;
    opacity: 0.35;
    transition: opacity 0.2s ease;
}

.canvas-card.is-ready {
    opacity: 1;
}


/* Secure dashboard additions */
.admin-nav {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 20px;
    padding: 10px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: 0 8px 25px rgba(0,0,0,.05);
}

.admin-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 13px;
    color: #111;
    text-decoration: none;
    font-weight: 900;
}

.admin-nav a.active,
.admin-nav a:hover {
    background: linear-gradient(135deg, #ffd632, var(--yellow-dark));
}

.admin-nav .logout-link {
    margin-inline-start: auto;
    background: #111;
    color: #fff;
}

.dashboard-hero {
    background:
        radial-gradient(circle at 12% 20%, rgba(246,185,0,.20), transparent 28%),
        linear-gradient(135deg, #fff 0%, #fff9dc 100%);
}

.stats-grid,
.dashboard-grid,
.generator-grid {
    display: grid;
    gap: 18px;
    margin-bottom: 20px;
}

.stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.stat-card,
.tool-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 10px 32px rgba(0,0,0,.06);
}

.stat-card span,
.stat-card small {
    color: var(--muted);
    display: block;
}

.stat-card strong {
    display: block;
    margin: 8px 0;
    font-size: 42px;
    line-height: 1;
}

.tool-card {
    min-height: 245px;
    display: grid;
    align-content: space-between;
    gap: 14px;
    color: #111;
    text-decoration: none;
    overflow: hidden;
    position: relative;
}

.tool-card::after {
    content: "";
    position: absolute;
    inset-inline-end: -35px;
    top: -35px;
    width: 150px;
    height: 150px;
    border-radius: 999px;
    background: rgba(246,185,0,.18);
}

.tool-card h2 { margin: 0; }
.tool-card p { line-height: 1.9; }
.tool-card span {
    display: inline-flex;
    width: fit-content;
    padding: 10px 14px;
    border-radius: 12px;
    background: #111;
    color: #fff;
    font-weight: 900;
}

.tool-icon {
    font-size: 42px;
}

.rank-card { border-top: 5px solid #f6b900; }
.edu-card { border-top: 5px solid #c98722; }
.article-card { border-top: 5px solid #07334b; }

.mini-list {
    display: grid;
    gap: 10px;
}

.mini-list a {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 16px;
    color: #111;
    text-decoration: none;
}

.login-body {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: radial-gradient(circle at 20% 20%, rgba(246,185,0,.20), transparent 30%), #f4f5f7;
}

.login-card {
    width: min(460px, 100%);
    background: #fff;
    border-radius: 28px;
    border: 1px solid var(--border);
    box-shadow: 0 20px 60px rgba(0,0,0,.12);
    padding: 30px;
}

.brand-mark {
    display: inline-flex;
    padding: 8px 14px;
    border-radius: 14px;
    background: #111;
    color: #f6b900;
    font-weight: 900;
    margin-bottom: 16px;
}

.login-form {
    display: grid;
    gap: 16px;
    margin: 20px 0;
}

.alert-danger {
    background: #fff0f0;
    border-color: #ffc7c7;
    color: #8a1c1c;
}

.generator-grid {
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
    align-items: start;
}

.generator-form {
    display: grid;
    gap: 14px;
    position: sticky;
    top: 18px;
}

.generator-form textarea {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 12px 14px;
    font: inherit;
    resize: vertical;
}

.generator-preview {
    overflow: auto;
    direction: ltr;
}

.generator-preview canvas {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(0,0,0,.14);
    background: #fff;
}

@media (max-width: 980px) {
    .stats-grid,
    .dashboard-grid,
    .generator-grid {
        grid-template-columns: 1fr;
    }
    .generator-form {
        position: static;
    }
    .admin-nav .logout-link {
        margin-inline-start: 0;
    }
}

/* v50 refined image generators */
.generator-preview canvas {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(0,0,0,.10);
    background: #fff;
}
.generator-form textarea {
    width: 100%;
    min-height: 170px;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 12px 14px;
    font: inherit;
    resize: vertical;
}
@media (max-width: 1100px) {
    .generator-grid { grid-template-columns: 1fr; }
}

.stat-card {
    color: #111;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.stat-card:hover {
    transform: translateY(-2px);
    border-color: rgba(246,185,0,.55);
    box-shadow: 0 16px 38px rgba(0,0,0,.09);
}

.btn-ico{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1.2em;
    margin-inline-start:0;
    margin-inline-end:6px;
    font-size:1.05em;
    line-height:1;
}

.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

/* v88 final editor additions */
.generator-preview canvas.is-draggable{cursor:default;touch-action:none}
.generator-preview canvas.is-draggable.can-drag{cursor:grab}
.generator-preview canvas.is-draggable.is-dragging{cursor:grabbing!important}
.compact-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.rank-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.rank-field-grid label{margin:0}
.rank-field-grid input{padding:9px 11px;border-radius:12px}
.generator-form.compact-form{gap:10px}
.generator-form.compact-form fieldset{padding:12px}
.generator-form.compact-form textarea{min-height:130px}
.kanban-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.kanban-column{background:#f8fafc;border:1px solid var(--border);border-radius:18px;padding:12px;min-height:120px}
.kanban-column h3{font-size:15px;margin:0 0 12px;color:#111}
.kanban-card{display:grid;gap:7px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px;margin-bottom:10px;box-shadow:0 6px 18px rgba(0,0,0,.04);text-decoration:none;color:#111}
.kanban-card small{color:var(--muted)}
.view-toggle{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}
.view-toggle button{border:1px solid var(--border);background:#fff;border-radius:12px;padding:8px 12px;font:inherit;font-weight:900;cursor:pointer}
.view-toggle button.is-active{background:linear-gradient(135deg,#ffd632,var(--yellow-dark));border-color:#e4b400}
.share-stack{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.custom-field-row{display:grid;grid-template-columns:1fr 82px;gap:8px;align-items:end}
.custom-field-row input[type=number]{text-align:center;padding:8px 10px;border-radius:10px}
@media (max-width: 900px){.rank-field-grid,.kanban-board{grid-template-columns:1fr}.custom-field-row{grid-template-columns:1fr}}

/* v89 modern polish */
body{
    background:
      radial-gradient(circle at top right, rgba(246,185,0,.18), transparent 28%),
      radial-gradient(circle at top left, rgba(17,17,17,.05), transparent 20%),
      linear-gradient(180deg,#f5f7fb 0%,#eef2f6 100%);
}
.page{width:min(1240px,calc(100% - 28px));}
.topbar,.card-toolbar,.panel{
    border-color: rgba(17,24,39,.08);
    border-radius: 26px;
    box-shadow: 0 16px 44px rgba(15,23,42,.07);
}
.topbar{background:linear-gradient(180deg,#ffffff 0%,#fcfcfd 100%);} 
.topbar h1{font-size:30px;letter-spacing:-.02em}
.topbar p{max-width:900px;line-height:1.9}
.admin-nav{display:flex;flex-wrap:wrap;gap:10px;padding:10px 12px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid rgba(17,24,39,.08);border-radius:20px;box-shadow:0 10px 30px rgba(15,23,42,.05);margin-bottom:20px}
.admin-nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;text-decoration:none;color:#334155;background:#f8fafc;border:1px solid transparent;font-weight:700;transition:all .16s ease}
.admin-nav a:hover{background:#fff8df;border-color:#f5d76f;color:#111827}
.admin-nav a.is-active{background:#111827;color:#fff;box-shadow:0 10px 24px rgba(15,23,42,.18)}
.admin-nav .logout-link{margin-inline-start:auto;background:#fff5f5;color:#b42318;border-color:#f0c7c7}
input,textarea,select{transition:border-color .18s ease, box-shadow .18s ease, background .18s ease}
input,textarea,select{background:#fff}
textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;font:inherit;min-height:120px;resize:vertical}
textarea:focus,select:focus{outline:3px solid rgba(246,185,0,.25);border-color:var(--yellow)}
select{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;font:inherit;background:#fff}
.btn{box-shadow:0 10px 24px rgba(246,185,0,.22);transition:transform .16s ease, filter .16s ease, box-shadow .16s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(246,185,0,.26)}
.btn-light{background:#f8fafc;box-shadow:none;border:1px solid rgba(17,24,39,.08)}
.empty{padding:20px;border-radius:18px;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b}
.tool-grid{gap:18px}
.tool-card{border-radius:24px;border:1px solid rgba(17,24,39,.08);box-shadow:0 16px 38px rgba(15,23,42,.06);background:linear-gradient(180deg,#fff 0%,#fcfcfd 100%)}
.tool-card:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(15,23,42,.08)}
.dashboard-hero{position:relative;overflow:hidden}
.dashboard-hero::after{content:'';position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;background:radial-gradient(circle, rgba(246,185,0,.18), transparent 70%);pointer-events:none}
.mini-muted{font-size:12px;color:#64748b;margin-top:-2px}
@media (max-width: 820px){
  .page{width:min(100%,calc(100% - 18px));margin:18px auto}
  .topbar,.card-toolbar{padding:18px}
  .topbar{flex-direction:column;align-items:flex-start}
  .admin-nav .logout-link{margin-inline-start:0}
}
.share-stack,.compact-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(17,24,39,.10);background:#fff;color:#111827;text-decoration:none;box-shadow:0 8px 18px rgba(15,23,42,.06);font-weight:900;transition:all .16s ease;cursor:pointer}
.icon-btn:hover{background:#fff9df;border-color:#f1b90a;transform:translateY(-1px)}

/* v91 MedaNet Docx financial/admin shell */
body{
  background:linear-gradient(180deg,#f4f6f9,#eef2f6);
}
.page{
  width:min(1460px,calc(100% - 300px));
  margin:22px 280px 40px 20px;
}
.admin-nav{
  position:fixed!important;
  top:0;
  right:0;
  bottom:0;
  width:260px;
  z-index:50;
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  overflow-y:auto;
  padding:18px 14px!important;
  margin:0!important;
  border-radius:0!important;
  background:#20242a!important;
  border:0!important;
  box-shadow:-18px 0 40px rgba(15,23,42,.18)!important;
}
.admin-nav:before{
  content:"MedaNet Docx";
  display:block;
  color:#fff;
  font-size:20px;
  font-weight:900;
  letter-spacing:.02em;
  padding:14px 12px 18px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.admin-nav a{
  min-height:42px!important;
  justify-content:flex-start!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  color:#cfd6df!important;
  background:transparent!important;
  border:1px solid transparent!important;
  font-weight:800!important;
}
.admin-nav a:hover,.admin-nav a.active{
  background:#343b46!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.08)!important;
}
.admin-nav a[href*="rank_cards"],
.admin-nav a[href*="education_cards"],
.admin-nav a[href*="article_cards"],
.admin-nav a[href*="news_cards"],
.admin-nav a[href*="report_cards"],
.admin-nav a[href*="customer_cards"],
.admin-nav a[href*="custom_cards"]{
  font-size:13px;
  color:#f6d77d!important;
}
.admin-nav .logout-link{
  margin-top:12px!important;
  margin-inline-start:0!important;
  background:#111827!important;
  color:#fff!important;
}
.topbar,.panel,.card-toolbar{
  border-radius:22px!important;
  border:1px solid #dbe3ef!important;
  box-shadow:0 16px 38px rgba(15,23,42,.07)!important;
}
.topbar{
  background:#fff!important;
  position:relative;
}
.topbar:after{
  content:"";
  position:absolute;
  inset:auto 22px 0 22px;
  height:4px;
  border-radius:99px;
  background:linear-gradient(90deg,#111827,#c29a6b,#f6b900);
}
.dashboard-hero{
  background:#fff!important;
}
.stats-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.dashboard-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.stat-card,.tool-card{
  border-radius:22px!important;
  border:1px solid #dbe3ef!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
}
.stat-card strong{
  font-size:44px!important;
}
.tool-card span{
  background:#20242a!important;
}
@media(max-width:1050px){
  .admin-nav{position:static!important;width:auto!important;border-radius:18px!important;margin:12px 0 20px!important;max-height:none;box-shadow:0 10px 28px rgba(15,23,42,.08)!important}
  .admin-nav:before{content:"MedaNet Docx";padding:8px 10px}
  .page{width:min(100%,calc(100% - 20px));margin:14px auto 34px}
  .stats-grid,.dashboard-grid{grid-template-columns:1fr!important}
}

/* v93 dedicated sidebar submenus and dashboard shell */
.admin-nav.sidebar-nav:before{content:none!important;display:none!important}
.admin-nav.sidebar-nav{gap:8px!important;padding:16px 12px!important}
.nav-brand{color:#fff;padding:12px 10px 16px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.10)}
.nav-brand strong{display:block;font-size:20px;line-height:1.2}.nav-brand span{display:block;margin-top:6px;color:#8b95a5;font-size:12px;font-weight:700;direction:ltr;text-align:right}
.admin-nav .nav-root{background:#151922!important;color:#fff!important;border-color:rgba(255,255,255,.05)!important}
.nav-group{border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#242a33;overflow:hidden}
.nav-group summary{list-style:none;cursor:pointer;color:#fff;font-weight:900;padding:12px 12px;position:relative}
.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'⌄';position:absolute;left:12px;color:#f6b900}.nav-group[open] summary:after{content:'⌃'}
.nav-sub{display:grid;gap:5px;padding:0 8px 10px}.nav-sub a{min-height:36px!important;padding:8px 10px!important;font-size:13px!important;background:#1b2028!important;color:#cfd6df!important}.nav-sub a.active{background:#3a424e!important;color:#fff!important;border-color:rgba(246,185,0,.30)!important}.split-sub span{display:block;color:#f6d77d;font-size:12px;font-weight:900;padding:10px 10px 2px;border-top:1px solid rgba(255,255,255,.06)}.split-sub span:first-child{border-top:0}.admin-nav .logout-link{background:#111827!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important;text-align:center;justify-content:center!important;margin-top:8px!important}
@media(max-width:1050px){.admin-nav.sidebar-nav{display:grid!important;grid-template-columns:1fr!important;position:static!important;width:auto!important}.nav-brand{border-bottom:0;margin-bottom:0}.nav-group{background:#242a33}}

/* v95 professional finance sidebar */
body{background:linear-gradient(180deg,#f5f7fb 0%,#eef2f7 100%)!important;color:#0f172a}
.page{width:min(1500px,calc(100% - 340px))!important;margin:24px 320px 44px 24px!important}
.admin-nav.sidebar-nav.pro-sidebar{
  position:fixed!important;top:14px!important;right:14px!important;bottom:14px!important;width:286px!important;
  padding:16px!important;margin:0!important;border:0!important;border-radius:28px!important;overflow-y:auto!important;
  background:linear-gradient(180deg,#121821 0%,#1d232c 52%,#111827 100%)!important;
  box-shadow:-22px 0 60px rgba(15,23,42,.22)!important;display:flex!important;flex-direction:column!important;gap:10px!important;z-index:50!important;
  scrollbar-width:thin;scrollbar-color:#414b5a transparent;
}
.pro-sidebar::-webkit-scrollbar{width:8px}.pro-sidebar::-webkit-scrollbar-thumb{background:#414b5a;border-radius:999px}.pro-sidebar::-webkit-scrollbar-track{background:transparent}
.pro-brand{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:8px 4px 18px!important;margin:0 0 8px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;color:#fff!important}
.brand-logo{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#f6b900,#8a6d09);display:grid;place-items:center;color:#111827;font-weight:1000;box-shadow:0 12px 26px rgba(246,185,0,.18)}
.pro-brand strong{display:block;font-size:19px;line-height:1.2;color:#fff}.pro-brand span{display:block;margin-top:5px;color:#97a3b3;font-size:11px;font-weight:800;direction:ltr;text-align:right}
.admin-nav.sidebar-nav.pro-sidebar a,.pro-sidebar summary{min-height:44px!important;border-radius:16px!important;padding:11px 12px!important;display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-start!important;text-decoration:none!important;font-weight:850!important;color:#d7dee8!important;background:transparent!important;border:1px solid transparent!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important}
.admin-nav.sidebar-nav.pro-sidebar a:hover,.pro-sidebar summary:hover{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important}
.admin-nav.sidebar-nav.pro-sidebar a.active{background:linear-gradient(135deg,rgba(246,185,0,.18),rgba(246,185,0,.06))!important;border-color:rgba(246,185,0,.38)!important;color:#fff!important;box-shadow:inset 3px 0 0 #f6b900!important}
.nav-ico{width:26px;height:26px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#f6d77d;font-size:14px;flex:0 0 26px}.nav-root.active .nav-ico,.nav-sub a.active:before{color:#111827;background:#f6b900}
.nav-group.pro-group{border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;background:rgba(255,255,255,.035)!important;overflow:hidden!important}.nav-group.pro-group[open]{background:rgba(255,255,255,.052)!important;border-color:rgba(255,255,255,.11)!important}.nav-group.pro-group summary{list-style:none!important;cursor:pointer!important;color:#fff!important}.nav-group.pro-group summary::-webkit-details-marker{display:none!important}.nav-group.pro-group summary:after{content:'›'!important;margin-inline-start:auto!important;color:#f6b900!important;transform:rotate(-90deg);transition:.16s ease}.nav-group.pro-group[open] summary:after{transform:rotate(90deg)}
.nav-sub{display:grid!important;gap:6px!important;padding:0 10px 12px!important}.nav-sub a{min-height:38px!important;font-size:13px!important;color:#bbc5d2!important;padding:9px 12px!important;background:#151b24!important;border-radius:14px!important}.nav-sub a:before{content:'';width:6px;height:6px;border-radius:99px;background:#495465;display:inline-block;flex:0 0 6px}.nav-sub a.active:before{background:#f6b900!important}.pro-split span,.nav-section-title{display:flex;align-items:center;gap:8px;color:#f6d77d!important;font-size:12px!important;font-weight:950!important;padding:12px 12px 4px!important;letter-spacing:.01em}.pro-split span:before,.nav-section-title:before{content:'';width:18px;height:1px;background:rgba(246,215,125,.50)}
.admin-nav.sidebar-nav.pro-sidebar .logout-link{margin-top:4px!important;background:rgba(220,38,38,.11)!important;border-color:rgba(248,113,113,.22)!important;color:#fecaca!important}.admin-nav.sidebar-nav.pro-sidebar .logout-link:hover{background:rgba(220,38,38,.18)!important;color:#fff!important}
.topbar,.panel,.card-toolbar{border-radius:28px!important;border-color:#dbe3ef!important;box-shadow:0 18px 44px rgba(15,23,42,.07)!important}
@media(max-width:1100px){.page{width:min(100%,calc(100% - 20px))!important;margin:14px auto 34px!important}.admin-nav.sidebar-nav.pro-sidebar{position:static!important;width:auto!important;max-height:none!important;border-radius:24px!important;margin-bottom:18px!important}.pro-brand{grid-template-columns:42px 1fr!important}.brand-logo{width:42px;height:42px;border-radius:14px}}

/* v96 true mega menu sidebar - professional layout */
:root{--mega-w:320px;--mega-gap:24px;--mega-bg:#101722;--mega-bg2:#151d29;--mega-line:rgba(255,255,255,.10);--mega-text:#e6edf6;--mega-muted:#94a3b8;--mega-gold:#f6b900;}
html,body{overflow-x:hidden!important;}
body{background:linear-gradient(180deg,#f6f8fc 0%,#edf2f8 100%)!important;}
.page{width:min(1480px,calc(100% - var(--mega-w) - 72px))!important;margin:24px calc(var(--mega-w) + 48px) 44px 24px!important;}
.admin-nav.sidebar-nav,.admin-nav.sidebar-nav.pro-sidebar,.admin-nav.mega-sidebar{
  position:fixed!important;top:22px!important;right:22px!important;bottom:22px!important;width:var(--mega-w)!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:32px!important;overflow:visible!important;
  background:linear-gradient(180deg,#111827 0%,#121a26 54%,#0d131d 100%)!important;
  box-shadow:-24px 0 70px rgba(15,23,42,.24)!important;display:flex!important;flex-direction:column!important;gap:0!important;z-index:100!important;
}
.admin-nav.mega-sidebar:before{content:none!important;display:none!important;}
.mega-brand{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;padding:20px 18px 18px;border-bottom:1px solid var(--mega-line);color:#fff;min-height:92px;}
.mega-logo{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd21f,#9c7702);color:#0f172a;font-weight:1000;box-shadow:0 18px 34px rgba(246,185,0,.22);letter-spacing:.03em;}
.mega-brand-text{min-width:0;}
.mega-brand-text strong{display:block;font-size:20px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;}
.mega-brand-text span{display:block;margin-top:6px;font-size:11px;font-weight:800;color:#9aa7b7;direction:ltr;text-align:right;white-space:nowrap;}
.mega-menu-body{display:grid;gap:8px;padding:16px 14px 12px;overflow:visible!important;}
.mega-main,.mega-trigger,.mega-logout{
  width:100%;height:52px;border-radius:18px;border:1px solid transparent;background:transparent;color:var(--mega-text)!important;
  display:flex!important;align-items:center!important;gap:12px!important;padding:0 13px!important;text-decoration:none!important;font:inherit;font-weight:900!important;box-sizing:border-box;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease!important;cursor:pointer;text-align:right!important;justify-content:flex-start!important;
}
.mega-main:hover,.mega-trigger:hover,.mega-group:hover>.mega-trigger,.mega-group:focus-within>.mega-trigger{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.11)!important;color:#fff!important;transform:translateX(-1px);}
.mega-main.active,.mega-group.active>.mega-trigger{background:linear-gradient(135deg,rgba(246,185,0,.20),rgba(246,185,0,.06))!important;border-color:rgba(246,185,0,.40)!important;color:#fff!important;box-shadow:inset 4px 0 0 var(--mega-gold)!important;}
.mega-icon{width:30px;height:30px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#f6d77d;font-size:15px;flex:0 0 30px;}
.mega-main.active .mega-icon,.mega-group.active .mega-icon{background:var(--mega-gold);color:#111827;}
.mega-trigger b{margin-inline-start:auto;color:var(--mega-gold);font-size:22px;line-height:1;transition:transform .16s ease;}
.mega-group:hover .mega-trigger b,.mega-group:focus-within .mega-trigger b{transform:translateX(-3px);}
.mega-group{position:relative;}
.mega-separator{display:flex;align-items:center;gap:9px;margin:10px 4px 2px;color:#f6d77d;font-size:12px;font-weight:950;}
.mega-separator:before,.mega-separator:after{content:'';height:1px;background:rgba(246,215,125,.35);flex:1;}
.mega-panel{
  position:fixed;right:calc(var(--mega-w) + 40px);top:92px;width:min(720px,calc(100vw - var(--mega-w) - 72px));
  max-height:calc(100vh - 124px);overflow:auto;display:none;direction:rtl;border-radius:30px;padding:18px;
  background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.10);box-shadow:0 30px 80px rgba(15,23,42,.22);backdrop-filter:blur(18px);z-index:120;
}
.mega-panel.wide{width:min(860px,calc(100vw - var(--mega-w) - 72px));}
.mega-group:hover>.mega-panel,.mega-group:focus-within>.mega-panel{display:block;animation:megaIn .13s ease-out both;}
@keyframes megaIn{from{opacity:0;transform:translateX(10px) scale(.985)}to{opacity:1;transform:none}}
.mega-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 4px 16px;border-bottom:1px solid #e5eaf2;margin-bottom:16px;}
.mega-panel-head strong{display:block;font-size:22px;color:#0f172a;margin-bottom:5px;}
.mega-panel-head span{display:block;color:#64748b;font-size:13px;font-weight:700;}
.mega-panel-head>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:14px;background:#111827;color:#fff;text-decoration:none;font-weight:900;white-space:nowrap;}
.mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.mega-card{display:grid!important;grid-template-columns:42px minmax(0,1fr);grid-template-areas:'icon title' 'icon sub';gap:2px 12px;align-items:center;min-height:96px;padding:16px!important;border-radius:20px!important;text-decoration:none!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid #dbe4ef!important;color:#111827!important;box-shadow:0 12px 26px rgba(15,23,42,.06)!important;}
.mega-card:hover{border-color:#f1c232!important;box-shadow:0 18px 34px rgba(15,23,42,.10)!important;transform:translateY(-2px);}
.mega-card.active{background:#fff8df!important;border-color:#f1c232!important;}
.mega-card i{grid-area:icon;width:42px;height:42px;border-radius:16px;background:#111827;color:#f6b900;display:grid;place-items:center;font-style:normal;font-weight:1000;}
.mega-card strong{grid-area:title;font-size:15px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mega-card span{grid-area:sub;font-size:12px;line-height:1.6;color:#64748b;font-weight:700;}
.mega-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.mega-columns section{padding:16px;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #dbe4ef;display:grid;gap:9px;}
.mega-columns h4{margin:0 0 5px;color:#8a6500;font-size:15px;display:flex;align-items:center;gap:8px;}
.mega-columns h4:before{content:'';width:8px;height:8px;border-radius:99px;background:#f6b900;}
.mega-columns a{display:flex!important;align-items:center!important;min-height:40px!important;padding:9px 12px!important;border-radius:14px!important;background:#fff!important;border:1px solid #e2e8f0!important;color:#1f2937!important;text-decoration:none!important;font-weight:850!important;}
.mega-columns a:hover{background:#fff8df!important;border-color:#f1c232!important;color:#111827!important;}
.mega-logout{margin:12px 14px 16px!important;width:auto!important;background:rgba(220,38,38,.13)!important;border-color:rgba(248,113,113,.22)!important;color:#fecaca!important;justify-content:center!important;}
.mega-logout span{width:26px;height:26px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;}
.mega-logout:hover{background:rgba(220,38,38,.22)!important;color:#fff!important;}
/* Disable old sidebar artifacts */
.nav-brand,.pro-brand,.nav-root,.nav-group,.nav-sub,.nav-section-title{all:unset;}
.admin-nav.mega-sidebar .nav-brand,.admin-nav.mega-sidebar .pro-brand,.admin-nav.mega-sidebar .nav-root,.admin-nav.mega-sidebar .nav-group,.admin-nav.mega-sidebar .nav-sub,.admin-nav.mega-sidebar .nav-section-title{display:none!important;}
@media(max-width:1200px){
  :root{--mega-w:300px;}
  .mega-panel{right:calc(var(--mega-w) + 34px);width:min(640px,calc(100vw - var(--mega-w) - 60px));}
  .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mega-columns{grid-template-columns:1fr;}
}
@media(max-width:900px){
  .page{width:min(100%,calc(100% - 20px))!important;margin:14px auto 34px!important;}
  .admin-nav.sidebar-nav.pro-sidebar,.admin-nav.mega-sidebar{position:static!important;width:auto!important;min-height:auto!important;border-radius:26px!important;margin:12px 10px 18px!important;padding:0!important;overflow:hidden!important;}
  .mega-brand{min-height:72px;padding:16px;grid-template-columns:48px 1fr;}
  .mega-logo{width:48px;height:48px;border-radius:16px;}
  .mega-menu-body{padding:12px;overflow:visible!important;}
  .mega-main,.mega-trigger{height:48px;}
  .mega-panel,.mega-panel.wide{position:static!important;display:none;width:auto!important;max-height:none!important;box-shadow:none!important;border-radius:20px!important;margin:8px 0 12px;background:#fff!important;}
  .mega-group:hover>.mega-panel,.mega-group:focus-within>.mega-panel{display:block;}
  .mega-grid,.mega-columns{grid-template-columns:1fr;}
}
/* v97 fixes */
.mega-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.kpi-card:hover,.mix-item:hover{transform:translateY(-2px);border-color:var(--brand-primary);box-shadow:0 18px 40px rgba(15,23,42,.09)}

/* v98 role/menu visibility and readable hover fixes */
.mega-card:hover,.mega-card:hover strong,.mega-card:hover span,
.mega-panel a:hover,.mega-panel a:hover strong,.mega-panel a:hover span,
.mega-columns a:hover,.mega-columns a:hover strong,.mega-columns a:hover span{
    color:#111827!important;
}
.mega-card:hover i{background:#111827!important;color:var(--brand-primary)!important;}
.mega-panel-head>a:hover{background:#0f172a!important;color:#fff!important;}
.mega-panel{overflow:visible!important;}
.about-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.about-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:22px;box-shadow:0 16px 38px rgba(15,23,42,.06)}.about-product-card b{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;background:#111827;color:var(--brand-primary);margin-bottom:12px}.about-hero{background:linear-gradient(135deg,#0f172a,#20242a);color:#fff;border-radius:30px;padding:34px;box-shadow:0 26px 70px rgba(15,23,42,.25);position:relative;overflow:hidden}.about-hero:after{content:'';position:absolute;inset:auto -80px -80px auto;width:260px;height:260px;border-radius:50%;background:color-mix(in srgb,var(--brand-primary) 28%,transparent)}.about-hero h1,.about-hero p{position:relative;z-index:1}.about-hero h1{color:#fff}.about-hero p{color:#dbe3ef;line-height:2;max-width:820px}@media(max-width:900px){.about-product-grid{grid-template-columns:1fr}}

/* v99 speed/font/mobile/soft-radius polish */
:root{--card-radius:14px;--app-font:Vazirmatn,Tahoma,Arial,sans-serif}
*{scrollbar-width:thin}body,input,textarea,select,button{font-family:var(--app-font)!important}
.topbar,.panel,.card-toolbar,.stat-card,.tool-card,.record-item,.kpi-card,.mix-item,.share-card,.about-hero,.about-product-card,.login-card{border-radius:var(--card-radius)!important}
.btn,input,textarea,select,.icon-btn,.mega-card,.mega-panel,.mega-columns section,.mega-columns a,.mega-trigger,.mega-main,.mega-logout,.empty,.alert{border-radius:12px!important}
.generator-preview canvas,.share-img,.preview-wrap img,.canvas-card{border-radius:12px!important}
.mega-main:hover,.mega-trigger:hover,.mega-group:hover>.mega-trigger,.mega-group:focus-within>.mega-trigger{background:rgba(246,185,0,.12)!important;border-color:rgba(246,185,0,.28)!important;color:#f8fafc!important;box-shadow:none!important}
.mega-card:hover,.mega-panel a:hover,.mega-columns a:hover{background:#fff9e6!important;border-color:#f4d36d!important;color:#111827!important;box-shadow:0 10px 24px rgba(15,23,42,.07)!important;transform:translateY(-1px)!important}
.mega-card:hover strong,.mega-card:hover span,.mega-columns a:hover,.mega-panel a:hover strong,.mega-panel a:hover span{color:#111827!important}.mega-card:hover i{background:#fff4c8!important;color:#111827!important}
.mn-tooltip{position:fixed;z-index:999999;pointer-events:none;background:#05070b;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 11px;font-size:12px;font-weight:800;box-shadow:0 16px 34px rgba(0,0,0,.28);opacity:0;transform:translateY(8px) scale(.96);transition:opacity .16s ease,transform .16s ease;max-width:260px;line-height:1.7;direction:rtl}.mn-tooltip.show{opacity:1;transform:translateY(0) scale(1)}
@media(max-width:900px){.page{width:min(100%,calc(100% - 14px))!important;margin:12px auto 28px!important}.toolbar-actions,.compact-actions{width:100%;display:flex;flex-wrap:wrap}.toolbar-actions .btn,.compact-actions .btn{flex:1 1 150px}.generator-grid,.template-builder,.settings-grid,.dashboard-grid,.stats-grid{grid-template-columns:1fr!important}.mega-panel{max-height:none!important}.record-item{grid-template-columns:1fr!important}.record-actions,.action-group{justify-content:flex-start!important;justify-items:start!important}.topbar{padding:16px!important}.panel{padding:16px!important}.form-grid,.two-col,.rank-field-grid,.score-grid{grid-template-columns:1fr!important}}

/* v105 share/UI cleanup */
:root{--mega-top:92px;}
.mega-panel{top:var(--mega-top)!important;max-height:calc(100vh - var(--mega-top) - 24px)!important;overflow:auto!important;right:calc(var(--mega-w) + 28px)!important;}
.mega-panel.wide{right:calc(var(--mega-w) + 28px)!important;}
.mega-panel a:hover,.mega-card:hover,.mega-columns a:hover,.mega-panel-head>a:hover{background:#fff8df!important;color:#111827!important;border-color:#f4d36d!important;}
.mega-panel a:hover strong,.mega-panel a:hover span,.mega-card:hover strong,.mega-card:hover span{color:#111827!important;}
.mega-panel-head>a:hover{box-shadow:0 8px 20px rgba(15,23,42,.08)!important;}
.thumb .record-click{width:100%;height:100%;display:block}.thumb .record-click img{width:100%;height:100%;object-fit:cover;display:block}.share-dropdown-menu svg{width:18px!important;height:18px!important;flex:0 0 18px}.admin-footer{margin:22px 0 4px;padding:16px 18px;border:1px solid #dbe4ef;border-radius:14px;background:rgba(255,255,255,.82);color:#64748b;text-align:center;font-size:13px;font-weight:800;box-shadow:0 12px 28px rgba(15,23,42,.05)}.admin-footer a{color:#0f172a;text-decoration:none;font-weight:1000;direction:ltr}.admin-footer a:hover{color:#b88600}.login-footer{margin-top:16px;text-align:center;color:#64748b;font-size:13px;font-weight:800}.login-footer a{color:#111827;text-decoration:none;font-weight:1000;direction:ltr}.login-footer a:hover{color:#b88600}
@media(max-width:900px){.mega-panel{top:auto!important;right:auto!important;max-height:none!important}.admin-footer{margin:16px 0}.share-dropdown-menu{position:static!important;margin-top:8px}}

/* v109 UI polish: professional buttons, icon sizing, dialogs, cards, filters */
:root{--card-radius:10px;--soft-border:#e4eaf3;--soft-bg:#f8fafc;--ink:#0f172a;--muted:#64748b;}
.btn,.icon-btn,button.btn,a.btn{min-height:42px;border-radius:11px!important;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;letter-spacing:-.01em;border:1px solid #dbe3ef;background:#fff;color:#0f172a;text-decoration:none;box-shadow:0 8px 20px rgba(15,23,42,.05);transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease;white-space:nowrap}.btn:hover,.icon-btn:hover{transform:translateY(-1px);background:#fff9e8!important;border-color:rgba(246,185,0,.55)!important;color:#0f172a!important;box-shadow:0 12px 26px rgba(15,23,42,.08)}.btn:active,.icon-btn:active{transform:translateY(0)}.btn:not(.btn-light):not(.btn-danger){background:linear-gradient(135deg,var(--brand-primary),#ffd84d);border-color:rgba(0,0,0,.04);color:#111827}.btn-light{background:#fff;color:#0f172a}.btn-danger,.icon-btn.danger{background:#fff1f2!important;color:#dc2626!important;border-color:#fecdd3!important}.btn-ico,.toolbar-actions .btn:before,.form-actions .btn:before{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px}.icon-btn{width:42px;height:42px;padding:0!important;border-radius:12px!important}.icon-btn svg,.btn svg,.share-dropdown-menu svg{width:19px;height:19px;display:block}.toolbar-actions,.form-actions,.compact-actions{gap:10px;align-items:center}.toolbar-actions .btn,.form-actions .btn{padding-inline:15px}.topbar .toolbar-actions{background:rgba(255,255,255,.7);border:1px solid rgba(219,227,239,.75);border-radius:16px;padding:8px;backdrop-filter:blur(10px)}.panel,.record-item,.card,.stat-card,.chart-card,.quick-card,.kpi-card,.mix-item,.session-row,.advanced-filter{border-radius:12px!important}.alert.mn-alert-hidden{display:none!important}.mn-dialog-backdrop{position:fixed;inset:0;z-index:1000000;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.46);backdrop-filter:blur(7px);padding:18px}.mn-dialog-backdrop.show{display:flex}.mn-dialog{width:min(430px,94vw);background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 30px 90px rgba(15,23,42,.28);padding:24px;text-align:center;position:relative;animation:mnDialogIn .18s ease}.mn-dialog-x{position:absolute;inset:12px 12px auto auto;width:34px;height:34px;border:0;border-radius:10px;background:#f1f5f9;color:#475569;font-size:22px;cursor:pointer}.mn-dialog-icon{width:58px;height:58px;border-radius:18px;margin:4px auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-primary),#ffe58a);color:#111827;font-size:25px;font-weight:900;box-shadow:0 16px 34px rgba(246,185,0,.25)}.mn-dialog h3{margin:0 0 8px;color:#0f172a;font-size:20px}.mn-dialog p{margin:0;color:#475569;line-height:1.9;font-weight:700}.mn-dialog-actions{margin-top:18px;display:flex;gap:10px;justify-content:center}.mn-dialog-actions .btn{min-width:112px}@keyframes mnDialogIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}.mn-tooltip{position:fixed;z-index:999999;pointer-events:none;background:#05070b!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;padding:8px 12px!important;font-size:12px!important;font-weight:900!important;box-shadow:0 18px 42px rgba(0,0,0,.32)!important;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .16s ease,transform .16s ease;max-width:280px;line-height:1.8;direction:rtl}.mn-tooltip.show{opacity:1;transform:translateY(0) scale(1)}.mega-main:hover,.mega-trigger:hover,.mega-group:hover>.mega-trigger,.mega-group:focus-within>.mega-trigger{background:rgba(246,185,0,.12)!important;border-color:rgba(246,185,0,.34)!important;color:#fff!important}.mega-panel a:hover,.mega-card:hover,.mega-columns a:hover,.mega-panel-head>a:hover{background:#fff8df!important;color:#111827!important;border-color:#f1d36a!important}.mega-panel a:hover strong,.mega-panel a:hover span,.mega-card:hover strong,.mega-card:hover span,.mega-columns a:hover{color:#111827!important}.period-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;grid-column:1/-1}.period-chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 13px;border-radius:999px;border:1px solid #dbe3ef;background:#fff;color:#334155;font-weight:900;cursor:pointer;transition:.16s ease}.period-chip input{position:absolute;opacity:0;pointer-events:none}.period-chip.active,.period-chip:hover{background:#111827;color:#fff;border-color:#111827;box-shadow:0 10px 24px rgba(15,23,42,.12)}.advanced-filter{align-items:center}.share-dropdown summary::-webkit-details-marker{display:none}.share-dropdown-menu{border-radius:14px!important;box-shadow:0 18px 40px rgba(15,23,42,.18)!important}.share-dropdown-menu a,.share-dropdown-menu button{display:flex!important;align-items:center!important;gap:9px!important;border-radius:10px!important}.record-click{cursor:pointer}.admin-footer{border-radius:12px!important}@media(max-width:760px){.topbar{gap:14px}.topbar .toolbar-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-actions .btn{width:100%}.period-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.period-chip{justify-content:center}.mn-dialog-actions{flex-direction:column}.mn-dialog-actions .btn{width:100%}}


/* v110 professional icon buttons and compact controls */
.btn, button.btn, a.btn {
    gap: 0;
    min-width: 52px;
    min-height: 52px;
    width: 52px;
    height: 52px;
    padding: 0;
    border-radius: 16px;
    color: #111827 !important;
    background: #ffffff;
    border: 1px solid #d9e2ee;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
    position: relative;
}
.btn:not(.btn-danger):not(.btn-primary):not(.active):hover,
a.btn:not(.btn-danger):hover,
button.btn:not(.btn-danger):hover {
    background: #f4f7fb;
    border-color: #aeb9c8;
    color: #111827 !important;
    transform: translateY(-1px);
}
.btn .btn-ico {
    width: 26px;
    height: 26px;
    font-size: 24px;
    line-height: 1;
    color: #111827 !important;
    filter: grayscale(1) saturate(0) contrast(1.8);
}
.btn > span:not(.btn-ico) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}
.btn svg, .icon-btn svg, .ux-icon svg { width: 26px; height: 26px; stroke-width: 2.15; }
.btn-danger, .btn.danger { background: #fff !important; color: #111827 !important; border-color: #ffd2d2 !important; }
.toolbar-actions, .compact-actions, .actions { gap: 10px; align-items:center; }
/* Tooltip is rendered only by the JS .mn-tooltip layer to prevent duplicate tooltips. */
@media (max-width: 700px){
    .btn, button.btn, a.btn{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:14px}
    .btn .btn-ico{font-size:22px;width:24px;height:24px}
}
/* fallback bullet icons removed in v115; JS injects real SVG icons. */
/* v114 icon cleanup */
.mn-icon-button{font-size:0!important;gap:0!important;padding:0!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:16px!important;background:#fff!important;color:#111827!important;border:1px solid #dbe5f0!important;box-shadow:0 10px 22px rgba(15,23,42,.07)!important}
.mn-icon-button:hover{background:#f3f6fa!important;border-color:#cbd5e1!important;color:#111827!important;filter:none!important;transform:translateY(-1px)}
.mn-icon-button .btn-ico{width:28px!important;height:28px!important;margin:0!important;color:#111827!important;font-size:0!important}
.mn-icon-button .btn-ico svg{display:block;width:28px!important;height:28px!important;stroke-width:2.2!important}
.mn-icon-button.btn-danger,.mn-icon-button.danger,.mn-icon-button.danger-soft{background:#fff!important;color:#111827!important;border-color:#fecaca!important}
.toolbar-actions .mn-icon-button,.compact-actions .mn-icon-button,.actions .mn-icon-button{flex:0 0 auto}
@media(max-width:700px){.mn-icon-button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}.mn-icon-button .btn-ico,.mn-icon-button .btn-ico svg{width:25px!important;height:25px!important}}

/* v115 global icon polish */
button[title],a[title],.icon-btn[title],.btn[title]{position:relative}
.icon-btn{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:16px!important;background:#fff!important;color:#111827!important;border:1px solid #dbe5f0!important;display:inline-grid!important;place-items:center!important;font-size:0!important;box-shadow:0 10px 22px rgba(15,23,42,.07)!important}
.icon-btn:hover{background:#f3f6fa!important;border-color:#cbd5e1!important;color:#111827!important;transform:translateY(-1px)}
.icon-btn svg,.mn-icon-button svg{stroke:#111827!important;color:#111827!important;width:28px!important;height:28px!important}
.icon-btn.danger,.icon-btn.danger-soft,.mn-icon-button.danger,.mn-icon-button.btn-danger{color:#111827!important;background:#fff!important;border-color:#fecaca!important}
.share-dropdown-menu svg{width:22px!important;height:22px!important;color:#111827!important;stroke:#111827!important}