:root{
    --bg:#f4f7fb;
    --bg-accent:#eef3ff;
    --surface:#ffffff;
    --surface-2:#f9fbff;
    --border:#e4eaf5;
    --border-strong:#d7e1f0;
    --text:#172033;
    --muted:#72809a;
    --primary:#2f6df6;
    --primary-soft:#edf3ff;
    --secondary:#6d5dfc;
    --success:#16a34a;
    --danger:#dc2626;
    --warning:#d97706;
    --shadow:0 12px 28px rgba(22,34,58,.06);
    --radius-lg:18px;
    --radius-md:14px;
    --radius-sm:10px;
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{
    margin:0;
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color:var(--text);
    background:
        radial-gradient(circle at top right, rgba(109,93,252,.06), transparent 24%),
        radial-gradient(circle at top left, rgba(59,130,246,.05), transparent 22%),
        linear-gradient(180deg,#f7f9fd 0%,#eef3f9 100%);
    min-height:100vh;
    font-size:14px;
    line-height:1.45;
}
a{text-decoration:none;color:inherit}
.text-muted,.muted{color:var(--muted)!important}
.brand-wrap{display:block;line-height:0}
.brand-wrap-public,.brand-wrap-mobile{display:inline-block}
.brand-wrap-sidebar{display:block;width:100%;text-align:center;padding-bottom:.15rem}
.brand-logo-only{
    width:var(--site-logo-width);
    height:var(--site-logo-height);
    object-fit:contain;
    border-radius:0;
    display:inline-block;
    background:transparent;
    border:0;
}
.brand-mark{
    display:inline-block;
    border-radius:14px;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    font-size:1rem;
    font-weight:800;
    color:#fff;
    text-align:center;
    line-height:var(--site-logo-height);
    box-shadow:0 10px 20px rgba(109,93,252,.18)
}
.public-container{max-width:1380px;padding-inline:.85rem}
.public-header{background:rgba(248,250,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(215,225,240,.78);position:relative;z-index:1035}
body.app-public.public-sticky-enabled{padding-top:var(--public-header-offset,0px)}
body.app-public.public-sticky-enabled .public-header.is-sticky{position:fixed;top:0;left:0;right:0;z-index:1045;box-shadow:0 10px 26px rgba(15,23,42,.08)}
.public-nav{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0}
.top-nav-actions{align-items:center}
.top-nav-actions > * + *{margin-left:.45rem}
.top-pill{display:inline-flex;align-items:center;justify-content:center;padding:.52rem .8rem;border-radius:999px;color:var(--muted);font-weight:700;font-size:.92rem}
.top-pill.active,.top-pill:hover{background:#fff;color:var(--text);box-shadow:var(--shadow)}
.public-menu-item{position:relative;display:inline-flex;align-items:center;padding-bottom:.45rem;margin-bottom:-.45rem}
.public-menu-trigger{gap:.32rem}
.public-menu-caret{font-size:.72rem;line-height:1}
.public-submenu{position:absolute;top:100%;left:0;min-width:220px;padding:.42rem;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 36px rgba(15,23,42,.12);display:none;z-index:1040}
.public-menu-item:hover > .public-submenu,.public-menu-item:focus-within > .public-submenu{display:block}
.public-submenu-link{display:flex;align-items:center;width:100%;padding:.55rem .72rem;border-radius:12px;color:var(--muted);font-weight:700;white-space:nowrap}
.public-submenu-link:hover,.public-submenu-link.active{background:#f8fbff;color:var(--text)}
.public-submenu-link[data-level="2"]{padding-left:1.2rem}
.public-submenu-link[data-level="3"]{padding-left:1.65rem}
.public-submenu-link[data-level="4"]{padding-left:2.1rem}
.btn{border-radius:12px;font-weight:700;min-height:36px;padding:.52rem .9rem;border:none;font-size:.92rem;line-height:1.2}
.btn-sm{min-height:30px;padding:.38rem .72rem;border-radius:10px;font-size:.85rem}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 10px 18px rgba(109,93,252,.18)}
.btn-primary:hover{opacity:.96;color:#fff}
.btn-light-soft,.btn-ghost{background:#fff;border:1px solid var(--border);color:var(--text);box-shadow:0 6px 16px rgba(15,23,42,.03)}
.btn-light-soft:hover,.btn-ghost:hover{background:var(--surface-2);color:var(--text)}
.btn-outline-warning,.btn-outline-success,.btn-outline-danger{border-radius:12px;border-width:1px}
.btn-outline-warning{border-color:rgba(217,119,6,.28);color:var(--warning);background:#fff}
.btn-outline-success{border-color:rgba(22,163,74,.28);color:var(--success);background:#fff}
.btn-outline-danger{border-color:rgba(220,38,38,.24);color:var(--danger);background:#fff}
body.app-public{display:flex;flex-direction:column;min-height:100vh}
.public-main{flex:1 0 auto;padding:1rem 0 1rem;display:flex;flex-direction:column}
.public-main > .public-container{width:100%;display:flex;flex-direction:column;flex:1 0 auto}
.public-footer{padding:0 0 1rem;margin-top:auto}
.public-footer-inner{background:rgba(255,255,255,.98);border:1px solid rgba(215,225,240,.88);border-radius:20px;box-shadow:var(--shadow);padding:1rem 1.05rem;min-height:72px;display:flex;align-items:center}
.app-layout{min-height:100vh}
.app-sidebar{width:264px;padding:.65rem .35rem .65rem .65rem;position:fixed;inset:0 auto 0 0;z-index:1030;display:none}
.sidebar-inner{
    display:flex;
    flex-direction:column;
    height:100%;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(215,225,240,.8);
    border-radius:24px;
    box-shadow:var(--shadow);
    padding:.86rem .8rem;
    backdrop-filter:blur(16px);
    overflow-y:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.sidebar-inner::-webkit-scrollbar{width:0;height:0}
.menu-group{display:block}
.menu-group + .menu-group{margin-top:.45rem}
.menu-title{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;padding:.12rem .42rem .22rem}
.sidebar-link{display:flex;align-items:center;padding:.46rem .68rem;border-radius:12px;color:#5b6780;font-weight:700;transition:.2s ease;font-size:.91rem;line-height:1.18}
.sidebar-link + .sidebar-link{margin-top:.12rem}
.sidebar-link i{font-size:.94rem;width:1rem;text-align:center;margin-right:.58rem}
.sidebar-link:hover,.sidebar-link.active{background:linear-gradient(135deg,rgba(109,93,252,.10),rgba(59,130,246,.08));color:var(--primary)}
.sidebar-item-wrap + .sidebar-item-wrap{margin-top:.08rem}
.sidebar-children{display:none;padding:.08rem 0 .16rem 2.12rem}.sidebar-item-wrap.open > .sidebar-children{display:block}
.sidebar-sublink{display:block;padding:.2rem .22rem;color:#7b879c;font-size:.79rem;font-weight:700;line-height:1.22;border-radius:8px}
.sidebar-sublink:hover,.sidebar-sublink.active{color:var(--primary)}
.sidebar-parent-row{display:flex;align-items:center}.sidebar-parent-row .sidebar-link{flex:1;min-width:0}.sidebar-toggle{width:28px;height:28px;border:0;background:transparent;color:#7b879c;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;margin-left:.2rem}.sidebar-toggle:hover{background:rgba(109,93,252,.08);color:var(--primary)}.sidebar-toggle i{font-size:.78rem;transition:transform .18s ease}.sidebar-item-wrap.open > .sidebar-parent-row .sidebar-toggle i{transform:rotate(180deg)}
.sidebar-footer-card{padding:.72rem;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);margin-top:.6rem}
.sidebar-footer-actions .btn{width:100%;display:block}
.sidebar-footer-actions .btn + .btn{margin-top:.4rem}
.app-main{min-width:0;margin-left:278px;display:flex;flex-direction:column}
.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:.82rem .68rem .62rem .45rem;position:sticky;top:0;z-index:1020;background:linear-gradient(180deg,rgba(244,247,251,.96),rgba(244,247,251,.84));backdrop-filter:blur(10px)}
.topbar-left,.topbar-right,.mobile-topbar-actions{display:flex;align-items:center}
.topbar-left > * + *, .topbar-right > * + *{margin-left:.7rem}
.mobile-topbar-actions{display:none}
.mobile-dashboard-button{padding:.52rem .68rem;min-width:48px;justify-content:center}
.mobile-dashboard-button i{margin-right:0;font-size:1.42rem;line-height:1}
.mobile-notification-button{padding:.52rem .68rem;min-width:48px;justify-content:center;position:relative}
.mobile-notification-button i{margin-right:0}
.mobile-notification-button::after{display:none}
.mobile-notification-button .topbar-badge{top:4px;right:4px;min-width:18px;height:18px;padding:0 .25rem;font-size:.68rem}
.page-kicker{font-size:.66rem;font-weight:800;color:#99a3b5;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.12rem}
.page-title{font-size:1.46rem;line-height:1.06;font-weight:800;letter-spacing:-.03em;color:var(--text)}
.page-subtitle{margin-top:.15rem;color:var(--muted);font-size:.85rem}
.topbar-info-card{display:flex;align-items:center;padding:.56rem .78rem;border:1px solid var(--border);background:#fff;border-radius:14px;box-shadow:0 6px 16px rgba(15,23,42,.03);font-weight:700;color:#49556b}
.topbar-info-card i{margin-right:.45rem}
.topbar-info-button{appearance:none;-webkit-appearance:none;cursor:pointer}
.topbar-info-button::after{margin-left:.55rem}
.topbar-dropdown-menu{width:300px;padding:0;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 44px rgba(15,23,42,.14);overflow:hidden}
.topbar-dropdown-head{padding:.82rem .9rem;border-bottom:1px solid var(--border);font-size:.84rem;font-weight:800;color:#475569;background:#fbfdff}
.topbar-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.78rem .9rem;font-size:.88rem;font-weight:700;white-space:normal}
.topbar-dropdown-item strong{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:.84rem}
.topbar-dropdown-item:hover{background:#f8fbff;color:var(--text)}
.topbar-dropdown-empty{padding:.85rem .9rem;color:var(--muted);font-size:.86rem}
.user-chip{display:flex;align-items:center;padding:.42rem .62rem;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 16px rgba(15,23,42,.03)}
.user-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;margin-right:.6rem}
.app-content{padding:0 .72rem .9rem .45rem;flex:1}
.app-footer{padding:0 .72rem .9rem .45rem;color:var(--muted);font-size:.82rem}
.app-footer-inner{background:rgba(255,255,255,.98);border:1px solid rgba(215,225,240,.88);border-radius:18px;box-shadow:0 10px 24px rgba(22,34,58,.05);padding:.85rem 1rem}
.quick-access-button{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(15,23,42,.18);z-index:1105;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.quick-access-button.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.quick-access-button i{font-size:1rem;line-height:1}
.quick-access-button:hover{filter:brightness(.98)}
.notification-strip{display:flex;flex-wrap:wrap;margin:-.2rem}
.notification-pill{display:flex;align-items:center;justify-content:space-between;min-width:220px;padding:.72rem .86rem;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 16px rgba(15,23,42,.03);font-weight:700;margin:.2rem;font-size:.88rem;gap:.7rem;color:var(--text)}
.notification-pill-title{display:inline-flex;align-items:center;line-height:1.25}
.notification-pill strong{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:9px;background:var(--primary-soft);color:var(--primary);margin-left:.7rem}
.mobile-drawer{background:#f8fbff;border-right:1px solid var(--border)}
.public-mobile-item > .sidebar-children{padding:.08rem 0 .16rem .95rem}
.public-mobile-link{display:flex;align-items:center}
.public-mobile-link i{margin-right:.65rem}
.public-mobile-sublink{display:block}
.public-mobile-sublink[data-level="1"]{padding-left:.2rem}
.public-mobile-sublink[data-level="2"]{padding-left:.85rem}
.public-mobile-sublink[data-level="3"]{padding-left:1.45rem}
.public-mobile-sublink[data-level="4"]{padding-left:2rem}
.offcanvas-header{border-bottom:1px solid var(--border);padding:.75rem .9rem}
.offcanvas-body{padding:.75rem}
.card,.panel-card,.content-card,.hero-card,.auth-card,.faq-item{
    background:rgba(255,255,255,.95);
    border:1px solid rgba(215,225,240,.85);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
}
.card-header{background:transparent;border-bottom:1px solid var(--border);padding:.7rem .82rem;font-weight:800}
.card-body{padding:.78rem}
.content-card-head{padding:.78rem .78rem 0}
.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.58rem .78rem;border-bottom:1px solid var(--border)}
.list-toolbar > *{margin:.14rem 0}
.bulk-actions{display:flex;flex-wrap:wrap;align-items:center}
.bulk-actions > * + *{margin-left:.45rem}
.hero-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.68rem}
.hero-dashboard-grid > *{grid-column:span 3}
.hero-dashboard-grid .wide{grid-column:span 6}
.hero-dashboard-grid .full{grid-column:span 12}
.stat-card{padding:.76rem;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}
.stat-card > * + *{margin-top:.18rem}
.stat-card::after{content:"";position:absolute;inset:auto -30px -36px auto;width:90px;height:90px;background:radial-gradient(circle,rgba(109,93,252,.10),transparent 64%)}
.stat-card .label{font-size:.68rem;color:#8a97ad;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.stat-card .value{font-size:1.48rem;line-height:1.04;font-weight:800;letter-spacing:-.03em}
.stat-card .meta{color:var(--muted);font-size:.82rem}
.metric-up,.metric-down{display:inline-flex;align-items:center;font-size:.75rem;font-weight:800}
.metric-up i,.metric-down i{margin-right:.3rem}
.metric-up{color:var(--success)}
.metric-down{color:var(--danger)}
.section-title{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.65rem}
.section-block{padding:.8rem 0 1.2rem}
.landing-hero{padding:1.2rem 0 1.6rem}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:.85rem;align-items:stretch}
.hero-copy{padding:1rem 0}
.hero-copy h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;font-weight:900;letter-spacing:-.05em;margin-bottom:.75rem;color:#101828}
.hero-copy p{font-size:.96rem;max-width:760px;color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;margin-top:.9rem}
.hero-actions > * + *{margin-left:.45rem}
.hero-card{padding:1rem;height:100%}
.hero-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.68rem;margin-top:.9rem}
.hero-mini{padding:.8rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff)}
.badge-soft{display:inline-flex;align-items:center;padding:.28rem .56rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.72rem;font-weight:800;border:1px solid rgba(109,93,252,.12)}
.table-wrap{overflow:auto}
.table{margin:0;color:var(--text);--bs-table-bg:transparent;--bs-table-border-color:var(--border);font-size:.91rem}
.table th,.table td{padding:.58rem .62rem;vertical-align:middle;white-space:nowrap;line-height:1.25}
.table thead th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#90a0b8;border-bottom-color:var(--border);font-weight:800}
.table tbody tr:hover{background:#fafcff}
.table td.wrap,.table th.wrap{white-space:normal}
.table td.actions{white-space:nowrap}
.table td.actions .btn + .btn{margin-left:.3rem}
.table .btn{min-height:30px;padding:.34rem .62rem}
.status-dot{display:inline-flex;align-items:center;font-weight:700;color:#41516b}
.status-dot::before{content:"";width:.52rem;height:.52rem;border-radius:999px;background:var(--success);box-shadow:0 0 0 .2rem rgba(22,163,74,.12);margin-right:.4rem}
.status-dot.danger::before{background:var(--danger);box-shadow:0 0 0 .2rem rgba(220,38,38,.1)}
.alert-soft{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:14px;box-shadow:0 6px 14px rgba(15,23,42,.03);padding:.65rem .8rem}
.alert-soft a{color:var(--primary);font-weight:700}
.alert-danger.alert-soft{border-color:rgba(220,38,38,.16);background:rgba(220,38,38,.04)}
.alert-success.alert-soft{border-color:rgba(22,163,74,.16);background:rgba(22,163,74,.04)}
.alert-warning.alert-soft{border-color:rgba(217,119,6,.16);background:rgba(245,158,11,.06)}
.alert-info.alert-soft{border-color:rgba(59,130,246,.16);background:rgba(59,130,246,.04)}
.form-control,.form-select,textarea{
    background:#fff!important;
    color:var(--text)!important;
    border:1px solid var(--border-strong)!important;
    border-radius:12px!important;
    min-height:36px;
    box-shadow:none!important;
    font-size:.92rem;
    padding:.46rem .7rem;
}
textarea.form-control{min-height:96px}
.form-control::placeholder{color:#9aa8be}
.form-control:focus,.form-select:focus{border-color:rgba(109,93,252,.45)!important;box-shadow:0 0 0 .18rem rgba(109,93,252,.08)!important}
.form-label{font-weight:800;color:#27364d;margin-bottom:.35rem;font-size:.84rem}
.form-check-input{appearance:auto!important;-webkit-appearance:checkbox!important;background:#fff!important;border:1px solid #bcc7d9!important;border-radius:3px!important;box-shadow:none!important;min-height:14px;height:14px;width:14px;padding:0!important;margin:0;cursor:pointer;pointer-events:auto!important;position:relative;z-index:3;vertical-align:middle}
.form-check-input:checked{background-color:#2f6df6!important;border-color:#2f6df6!important}
.table .form-check-input[type=checkbox], th .form-check-input[type=checkbox]{width:14px;height:14px;min-height:14px;padding:0;border-radius:3px!important}
.switch-card{display:flex;align-items:center;justify-content:space-between;padding:.48rem .66rem;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#fff,#f9fbff);cursor:pointer}
.switch-title{font-weight:800;font-size:.9rem;line-height:1.1}
.switch-meta{color:var(--muted);font-size:.76rem;margin-top:0}
.switch-card-inline .switch-line{display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden}
.switch-meta-inline{display:inline-block;margin-left:.42rem;overflow:hidden;text-overflow:ellipsis}

@media (max-width:767.98px){
    .switch-card-inline .switch-line{display:block;white-space:normal;overflow:visible}
    .switch-meta-inline{display:block;margin-left:0;margin-top:.16rem;max-width:100%;font-size:.7rem;line-height:1.15}
}
.switch-stack > * + *{margin-top:.34rem}
.toggle-switch{display:inline-block;position:relative;line-height:0}
.toggle-switch input{position:absolute;inset:0;opacity:0;cursor:pointer;pointer-events:auto;margin:0}
.toggle-switch .toggle-ui{display:inline-block;position:relative;width:34px;height:18px;border-radius:999px;background:#d9dee8;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);transition:.18s ease}
.toggle-switch .toggle-ui::before{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.16);transition:.18s ease}
.toggle-switch input:checked + .toggle-ui{background:#2a6df5}
.toggle-switch input:checked + .toggle-ui::before{transform:translateX(16px)}
.toggle-switch input:focus + .toggle-ui{box-shadow:inset 0 0 0 1px rgba(15,23,42,.08),0 0 0 .14rem rgba(47,109,246,.12)}
.auth-page{display:flex;align-items:flex-start;justify-content:center;padding:1rem 0 .25rem;flex:1 0 auto}
.auth-card{width:min(100%,440px);padding:1.2rem;margin-inline:auto}
.stack-form{display:grid;gap:.72rem}
.stack-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.toolbar > *{margin:.14rem 0}
.empty-state{padding:1.1rem .8rem;text-align:center;color:var(--muted)}
.pagination-light .page-link{background:#fff;border-color:var(--border);color:#5b6780;border-radius:10px;margin-inline:2px;padding:.34rem .6rem;font-size:.88rem}
.pagination-light .page-item.active .page-link{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;color:#fff}
.pagination-light .page-item.disabled .page-link{background:#f4f7fb;color:#a3afc0}
.progress-mini{height:7px;background:#edf2fb;border-radius:999px;overflow:hidden}
.progress-mini span{display:block;height:100%;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:inherit}
.chart-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;align-items:end;min-height:180px}
.chart-bar{display:flex;flex-direction:column;align-items:center}
.chart-bar > * + *{margin-top:.4rem}
.chart-bar .bar{width:100%;max-width:42px;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,rgba(109,93,252,.9),rgba(109,93,252,.28));min-height:14px;box-shadow:inset 0 0 0 1px rgba(109,93,252,.08)}
.chart-bar .bar.secondary{background:linear-gradient(180deg,rgba(59,130,246,.82),rgba(59,130,246,.2))}
.chart-bar strong{font-size:.76rem}
.chart-bar span{font-size:.72rem;color:var(--muted)}
.inline-list{display:grid;gap:.55rem}
.inline-item{display:flex;align-items:flex-start;justify-content:space-between;padding:.72rem .8rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#fff,#fbfcff)}
.inline-item > * + *{margin-left:.8rem}
.inline-item strong{display:block;margin-bottom:.15rem}
.inline-item small{color:var(--muted)}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}
.kpi-card{padding:.62rem .68rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#fff,#f9fbff)}
.kpi-card .eyebrow{color:#93a0b5;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.kpi-card .figure{font-size:1.3rem;font-weight:800;letter-spacing:-.03em;margin-top:.2rem}
.faq-item{padding:.92rem 1rem;overflow:visible}.faq-item h3{font-size:.96rem;font-weight:800;margin-bottom:.38rem;line-height:1.35;word-break:break-word}.faq-item p{margin:0;color:var(--muted);line-height:1.6;white-space:normal;word-break:break-word}.faq-page-list{display:grid;grid-template-columns:1fr;gap:.68rem}.faq-item-full{padding:1rem 1.05rem}.faq-preview-grid .faq-item{height:100%}.section-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.68rem}.section-toolbar > * + *{margin-left:.5rem}
.g-4,.gx-4{--bs-gutter-x:.68rem}
.g-4,.gy-4{--bs-gutter-y:.68rem}
.mt-4{margin-top:.8rem!important}
.mb-4{margin-bottom:.8rem!important}
.py-4{padding-top:.8rem!important;padding-bottom:.8rem!important}
@media (min-width:1200px){
    .sidebar-desktop{display:block}
}
@media (max-width:1399.98px){
    .app-sidebar{width:258px}
    .app-main{margin-left:270px}
}
@media (max-width:1199.98px){
    .app-sidebar{display:none!important}
    .app-main{margin-left:0}
    .hero-grid{grid-template-columns:1fr}
    .hero-dashboard-grid > *, .hero-dashboard-grid .wide{grid-column:span 6}
}
@media (max-width:767.98px){
    .hero-dashboard-grid > *, .hero-dashboard-grid .wide, .hero-dashboard-grid .full{grid-column:span 12}
    .stack-row,.hero-list,.info-grid{grid-template-columns:1fr}
    .app-topbar{padding:.74rem}
    .app-content{padding:0 .62rem .72rem .42rem}
    .mobile-topbar-actions{display:flex}
    .mobile-topbar-actions > * + *{margin-left:.5rem}
    .quick-access-button{right:14px;bottom:14px;width:44px;height:44px}
    .page-title{font-size:1.3rem}
    .notification-pill{min-width:100%}
    .table th,.table td{padding:.52rem .52rem}
    .hero-copy h1{font-size:2rem}
    .chart-bars{gap:.45rem;min-height:160px}
}
.editor-help{font-size:.78rem;color:var(--muted)}
.cms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}
.cms-grid > *{min-width:0}
.cms-note{padding:.74rem .82rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#fff,#f9fbff)}
.page-preview-link{font-size:.8rem;color:var(--muted);word-break:break-all}
.section-badge{display:inline-flex;align-items:center;padding:.22rem .52rem;border-radius:999px;background:#eef3ff;color:#396df6;font-size:.72rem;font-weight:700}
.hero-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem}
.hero-section-card{padding:.88rem .95rem;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#fff,#f9fbff);overflow:hidden}
.hero-section-card h3{margin:0 0 .35rem;font-size:1rem;font-weight:800;line-height:1.35;word-break:break-word}
.hero-section-card .hero-subtitle{font-size:.74rem;color:#93a0b5;text-transform:uppercase;font-weight:800;letter-spacing:.12em;margin-bottom:.34rem}
.hero-section-card .hero-content{color:var(--muted);line-height:1.6;word-break:break-word}
.hero-section-card .hero-cover{margin-bottom:.55rem;border-radius:14px;max-width:100%;height:auto;display:block}
.body-sections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}
.page-content-block img,.hero-content img{max-width:100%;height:auto;border-radius:14px}
@media (max-width:767.98px){
    .cms-grid,.hero-section-grid,.body-sections-grid{grid-template-columns:1fr}
}

.media-filter-select{min-width:168px}
.media-search-input{min-width:220px}
.media-view-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #cfd7e6;border-radius:4px;background:#fff;color:#2271b1;text-decoration:none}
.media-view-btn.active{background:#f0f6fc;border-color:#2271b1;color:#2271b1}
.media-shell-card{overflow:hidden}
.wp-media-header{padding:1rem 1rem 0;background:#fff}
.wp-media-title-row{display:flex;align-items:center;justify-content:space-between;padding:0 0 .9rem}.wp-media-title-row h2{margin:0;font-size:1.05rem;font-weight:600;color:#1d2327}
.wp-media-upload-inline{margin:0}
.wp-media-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;border-top:1px solid #dcdcde;border-bottom:1px solid #dcdcde;flex-wrap:wrap}
.wp-media-toolbar-left,.wp-media-toolbar-right{display:flex;align-items:center;flex-wrap:wrap}.wp-media-toolbar-left > *,.wp-media-toolbar-right > *{margin:.16rem 0}.wp-media-toolbar-left > * + *,.wp-media-toolbar-right > * + *{margin-left:.55rem}
.wp-media-search-label{font-size:.9rem;color:#50575e}
.wp-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:18px;padding:18px;background:#f6f7f7}
.wp-media-tile{display:block;text-decoration:none;color:inherit}
.wp-media-thumb{display:flex;align-items:center;justify-content:center;height:148px;border:1px solid #dcdcde;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.02)}
.wp-media-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.wp-media-thumb.is-video,.wp-media-thumb.is-file{background:#fff;color:#646970;font-size:3rem}
.wp-media-tile.active .wp-media-thumb,.wp-media-tile:hover .wp-media-thumb{border-color:#2271b1;box-shadow:0 0 0 3px rgba(34,113,177,.12)}
.wp-media-caption{display:block;padding:.42rem .08rem 0;font-size:.78rem;color:#50575e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-list-thumb{display:block;width:68px;height:52px;object-fit:cover;border-radius:4px;border:1px solid #dcdcde}
.media-list-icon{display:inline-flex;align-items:center;justify-content:center;width:68px;height:52px;border:1px solid #dcdcde;border-radius:4px;background:#fff;color:#646970;font-size:1.4rem}
.media-modal{position:fixed;inset:0;z-index:1200;display:none}.media-modal.open{display:block}.modal-open-lite{overflow:hidden}
.media-modal-backdrop{position:absolute;inset:0;background:rgba(30,35,40,.52)}
.media-modal-dialog{position:relative;z-index:1;width:min(1180px,calc(100vw - 32px));max-height:calc(100vh - 32px);margin:16px auto;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.22)}
.media-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #dcdcde;background:#fff}
.media-modal-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:520px;max-height:calc(100vh - 110px)}
.media-modal-preview{display:flex;align-items:center;justify-content:center;background:#f6f7f7;min-height:0;overflow:auto}.media-modal-image,.media-modal-video{display:block;max-width:100%;max-height:100%}.media-modal-file{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:5rem;color:#646970}
.media-modal-meta{padding:18px;border-left:1px solid #dcdcde;overflow:auto;background:#fff}.media-modal-meta > * + *{margin-top:.7rem}
.media-modal-row{display:grid;gap:.34rem}.media-modal-row strong{font-size:.78rem;color:#50575e;text-transform:uppercase;letter-spacing:.04em}.media-modal-row span{color:#1d2327;font-size:.92rem}
.media-modal-actions{display:flex;align-items:center;flex-wrap:wrap}.media-modal-actions > *{margin:.16rem 0}.media-modal-actions > * + *{margin-left:.5rem}
.gallery-admin-stack{grid-template-columns:minmax(340px,440px) minmax(0,1fr)}
.page-gallery-block{display:grid;gap:.42rem}
.page-gallery-row{display:grid;gap:.12rem}
.page-gallery-row.cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.page-gallery-row.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-gallery-row.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-gallery-row.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-gallery-row.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.page-gallery-row.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.page-gallery-item{display:block;position:relative;overflow:hidden;background:#f6f8fc;text-decoration:none;color:inherit}
.page-gallery-item img{display:block;width:100%;height:240px;object-fit:cover;transition:transform .2s ease}
.page-gallery-item:hover img{transform:scale(1.02)}
.page-gallery-caption{position:absolute;left:0;right:0;bottom:0;padding:.48rem .64rem;font-size:.78rem;font-weight:600;color:#fff;background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.66))}
.lightbox-shell{position:fixed;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:1.5rem;z-index:1200}
.lightbox-shell.open{display:flex}
.lightbox-stage{width:min(96vw,1520px);height:min(92vh,980px);position:relative;display:flex;align-items:center;justify-content:center}
.lightbox-stage img{max-width:100%;max-height:100%;display:block}
.lightbox-topbar,.lightbox-bottombar{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#fff;padding:.9rem 1rem;background:rgba(0,0,0,.28)}
.lightbox-topbar{top:0}
.lightbox-bottombar{bottom:0;justify-content:center}
.lightbox-counter{font-size:.9rem;font-weight:700}
.lightbox-title{font-size:.86rem;opacity:.92}
.lightbox-actions{display:flex;align-items:center}
.lightbox-actions > * + *{margin-left:.45rem}
.lightbox-close,.lightbox-download,.lightbox-nav{border:0;background:transparent;color:#fff;text-decoration:none}
.lightbox-close,.lightbox-download{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:1.3rem}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:2.4rem;line-height:1;width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center}
.lightbox-nav.prev{left:.6rem}
.lightbox-nav.next{right:.6rem}
@media (max-width:991.98px){.gallery-admin-stack{grid-template-columns:1fr}.page-gallery-row.cols-4,.page-gallery-row.cols-5,.page-gallery-row.cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}.media-modal-body{grid-template-columns:1fr}.media-modal-meta{border-left:0;border-top:1px solid #dcdcde}}
@media (max-width:767.98px){.wp-media-title-row,.wp-media-toolbar{display:block}.wp-media-title-row > * + *,.wp-media-toolbar > * + *{margin-top:.6rem}.wp-media-grid,.page-gallery-row,.page-gallery-row.cols-2,.page-gallery-row.cols-3,.page-gallery-row.cols-4,.page-gallery-row.cols-5,.page-gallery-row.cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}.page-gallery-item img{height:160px}.lightbox-shell{padding:.6rem}.lightbox-topbar,.lightbox-bottombar{padding:.7rem .75rem}.lightbox-nav{width:42px;height:42px;font-size:1.9rem}.lightbox-nav.prev{left:.1rem}.lightbox-nav.next{right:.1rem}}


/* v18 editor + media fixes */
.editor-help{font-size:.8rem;color:var(--muted)}
.note-editor.note-frame,.cke_chrome{border:1px solid #d8e0f0!important;border-radius:16px!important;overflow:hidden}
.note-editor .note-toolbar{background:#f8faff!important;border-bottom:1px solid #e2e8f6!important}
.cke_top{background:#f8faff!important;border-bottom:1px solid #e2e8f6!important}
.cke_bottom{background:#fff!important;border-top:1px solid #edf1f8!important}

.wp-media-header{padding:1rem 1rem 0;background:#fff}
.wp-media-title-row{display:flex;align-items:center;justify-content:space-between;padding:0 0 .9rem}.wp-media-title-row h2{margin:0;font-size:1.05rem;font-weight:600;color:#1d2327}
.wp-media-upload-inline{margin:0}
.wp-media-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;border-top:1px solid #dcdcde;border-bottom:1px solid #dcdcde;flex-wrap:wrap}
.wp-media-toolbar-left,.wp-media-toolbar-right{display:flex;align-items:center;flex-wrap:wrap}.wp-media-toolbar-left > *,.wp-media-toolbar-right > *{margin:.16rem 0}.wp-media-toolbar-left > * + *,.wp-media-toolbar-right > * + *{margin-left:.55rem}
.wp-media-search-label{font-size:.9rem;color:#50575e}
.wp-media-browser{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:660px}
.wp-media-browser-main{min-width:0;background:#f6f7f7}
.wp-media-grid-wrap{height:100%;overflow:auto;padding:18px}
.wp-media-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 120px));justify-content:start;grid-auto-rows:auto;gap:16px}
.wp-media-tile{display:block;width:120px;text-decoration:none;color:inherit}
.wp-media-thumb{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border:1px solid #dcdcde;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.02)}
.wp-media-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.wp-media-thumb.is-video,.wp-media-thumb.is-file{background:#fff;color:#646970;font-size:2.35rem}
.wp-media-tile.active .wp-media-thumb,.wp-media-tile:hover .wp-media-thumb{border-color:#2271b1;box-shadow:0 0 0 3px rgba(34,113,177,.12)}
.wp-media-caption{display:block;padding:.42rem .08rem 0;font-size:.76rem;color:#50575e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wp-media-sidebar{background:#fff;border-left:1px solid #dcdcde;padding:18px;overflow:auto}
.wp-media-sidebar-title{font-size:1.02rem;font-weight:600;color:#1d2327;margin-bottom:14px}
.wp-media-sidebar-preview{display:flex;align-items:center;justify-content:center;min-height:220px;background:#f6f7f7;border:1px solid #dcdcde;margin-bottom:16px;padding:12px}
.wp-media-sidebar-preview img,.wp-media-sidebar-preview video{display:block;max-width:100%;max-height:300px}
.wp-media-file-preview{display:flex;align-items:center;justify-content:center;width:100%;min-height:180px;font-size:4.2rem;color:#646970}
.wp-media-meta-list{font-size:.9rem;color:#50575e;padding-bottom:10px;border-bottom:1px solid #e6e9ef;margin-bottom:14px}.wp-media-meta-list > div{margin-bottom:7px}.wp-media-meta-list strong{color:#1d2327;font-weight:600}
.wp-media-field{margin-bottom:14px}
.wp-media-side-actions > *{display:block;width:100%;margin-bottom:8px}
.media-list-table tr.is-selected td{background:#f0f6fc}
.media-list-thumb{width:54px;height:54px;border:1px solid #dcdcde;object-fit:cover}
.media-list-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #dcdcde;background:#fff;font-size:1.4rem;color:#646970}
@media (max-width: 1199.98px){.wp-media-browser{grid-template-columns:1fr}.wp-media-sidebar{border-left:0;border-top:1px solid #dcdcde}}
@media (max-width: 767.98px){.wp-media-grid{grid-template-columns:repeat(auto-fill, minmax(96px, 96px));gap:12px}.wp-media-tile,.wp-media-thumb{width:96px;height:96px}.wp-media-title-row,.wp-media-toolbar{display:block}.wp-media-title-row > * + *,.wp-media-toolbar > * + *{margin-top:.6rem}}

/* v22 medya seçici */
.editor-field-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}
.editor-field-actions{display:flex;align-items:center;flex-wrap:wrap}.editor-field-actions > * + *{margin-left:.45rem}
.media-picker-actions{display:flex;align-items:center;flex-wrap:wrap}.media-picker-actions > * + *{margin-left:.45rem}
.media-picker-preview{display:flex;align-items:flex-start;flex-wrap:wrap;min-height:84px;gap:8px}.media-picker-preview > *{margin:0}
.media-picker-empty{display:inline-flex;align-items:center;min-height:38px;padding:0 .75rem;border:1px dashed #d6deed;border-radius:12px;background:#f8fbff;color:#6b7280;font-size:.82rem}
.media-picker-chip{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;padding:6px;border:1px solid #d6deed;border-radius:12px;background:#fff;overflow:hidden}
.media-picker-chip img{display:block !important;width:100% !important;height:100% !important;max-width:72px !important;max-height:72px !important;object-fit:contain !important;border-radius:8px;margin:0 !important;background:#f8fafc}
.media-picker-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:10px;background:#f4f6fa;color:#475569;margin:0;font-size:1.3rem}
.media-picker-text{display:none !important}
.media-picker-modal{position:fixed;inset:0;z-index:4000;display:none;align-items:center;justify-content:center;padding:1rem}.media-picker-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58)}
body.media-picker-open{overflow:hidden}.media-picker-modal[hidden]{display:none !important}
.media-picker-modal.open{display:flex}
.media-picker-dialog{position:relative;width:min(1180px,96vw);height:min(820px,92vh);background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(15,23,42,.22);display:grid;grid-template-rows:auto auto 1fr;overflow:hidden}
.media-picker-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid #e7edf7;background:#fbfdff}
.media-picker-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid #eef2f8;background:#fff;gap:.75rem}.media-picker-toolbar .form-control{max-width:420px}.media-picker-toolbar .toolbar{display:flex;align-items:center}.media-picker-toolbar .toolbar > * + *{margin-left:.45rem}
.media-picker-body{overflow:auto;background:#f8fafc}
.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,132px));justify-content:start;gap:14px;padding:16px}
.media-picker-grid-empty{padding:2rem;color:#64748b}
.media-picker-grid-item{position:relative;display:block;width:132px;border:1px solid #d9e3f1;border-radius:14px;background:#fff;padding:.42rem;text-align:left}
.media-picker-grid-item.is-selected{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.15)}
.media-picker-grid-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:110px;border-radius:10px;overflow:hidden;background:#f3f6fb}
.media-picker-grid-thumb img{display:block;width:100%;height:100%;object-fit:contain;background:#f8fafc}
.media-picker-grid-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2.1rem;color:#475569}
.media-picker-grid-name,.media-picker-grid-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-picker-grid-name{padding-top:.48rem;font-size:.78rem;font-weight:600;color:#0f172a}
.media-picker-grid-meta{font-size:.72rem;color:#64748b}
.media-picker-grid-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:rgba(15,23,42,.65);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem}
.media-picker-grid-item.is-selected .media-picker-grid-check{background:#2563eb}
@media (max-width:767.98px){.editor-field-head,.media-picker-toolbar{display:block}.editor-field-head > * + *,.media-picker-toolbar > * + *{margin-top:.5rem}.media-picker-grid{grid-template-columns:repeat(auto-fill,minmax(108px,108px))}.media-picker-grid-item{width:108px}.media-picker-grid-thumb{height:92px}}

/* v27 inline gallery builder */
.page-gallery-builder{display:grid;gap:.8rem}
.inline-gallery-card{padding:.9rem;border:1px solid #dbe3f1;border-radius:16px;background:#fbfdff}
.inline-gallery-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}
.inline-gallery-meta{margin-bottom:.18rem}
.inline-gallery-checks{margin:.1rem 0 .45rem}
.inline-gallery-shortcode{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .58rem;border:1px dashed #d7dfef;border-radius:12px;background:#fff;color:#64748b;font-size:.8rem}
.inline-gallery-shortcode code{font-size:.78rem;color:#0f172a}
.gallery-inline-preview{display:block;min-height:auto}
.gallery-inline-preview-grid{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}
.gallery-inline-preview-meta{margin-top:.5rem;font-size:.78rem;color:#64748b}
.gallery-inline-thumb{position:relative;width:88px;height:88px;border:1px solid #d6deed;border-radius:12px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.gallery-inline-thumb img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;background:#f8fafc;padding:4px}
.gallery-inline-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.5rem;color:#64748b;background:#f8fafc}
.gallery-inline-remove{position:absolute;top:4px;right:4px;width:18px;height:18px;border:0;border-radius:999px;background:#dc2626;color:#fff;font-size:.72rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.gallery-inline-remove:hover{background:#b91c1c}
.page-gallery-section{display:grid;gap:.6rem}
.page-gallery-title{margin:0;font-size:1rem;font-weight:800;color:#0f172a}
@media (max-width:767.98px){.inline-gallery-head{display:block}.inline-gallery-head > * + *{margin-top:.5rem}.gallery-inline-thumb{width:74px;height:74px}}


.topbar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .35rem;border-radius:999px;background:var(--danger);color:#fff;font-size:.74rem;font-weight:800}
.notification-dropdown-menu{width:min(92vw,460px);padding:0;overflow:hidden}
.topbar-dropdown-head{display:flex;align-items:flex-start;justify-content:space-between;padding:.85rem .95rem;border-bottom:1px solid var(--border);gap:.75rem}
.notification-head-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.notification-dropdown-list{max-height:440px;overflow:auto;padding:.45rem}
.notification-entry{display:flex;align-items:flex-start;gap:.7rem;border:1px solid #edf2fb;border-radius:14px;padding:.7rem;background:#fff;white-space:normal}
.notification-entry + .notification-entry{margin-top:.35rem}
.notification-entry.unread{background:#f7faff;border-color:#dfe9ff}
.notification-entry-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--primary-soft);color:var(--primary);flex:0 0 auto;margin-top:.1rem}
.notification-entry-body-wrap{display:flex;align-items:flex-start;gap:.5rem;min-width:0;flex:1 1 auto}
.notification-entry-main{display:block;min-width:0;flex:1 1 auto;text-decoration:none;color:inherit}
.notification-entry-main:hover{color:inherit}
.notification-entry-body{display:flex;flex-direction:column;min-width:0}
.notification-entry-title{font-weight:800;line-height:1.25;color:var(--text)}
.notification-entry-text{font-size:.82rem;line-height:1.4;color:var(--muted);margin-top:.14rem;white-space:normal;word-break:break-word}
.notification-entry-time{font-size:.74rem;color:#97a4ba;margin-top:.28rem}
.notification-entry-action{flex:0 0 auto}
.btn-icon-light{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;border:1px solid #d8e1f0;background:#fff;color:#7b8799;padding:0}
.btn-icon-light:hover{color:#dc2626;border-color:#fecaca;background:#fff5f5}
.topbar-dropdown-empty{padding:1rem;color:var(--muted)}
.media-picker-chip{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;padding:6px;border:1px solid #d6deed;border-radius:12px;background:#fff;overflow:hidden}
.media-picker-chip img{display:block;width:100%;height:100%;max-width:72px;max-height:72px;object-fit:contain;border-radius:8px;background:#f8fafc}
.panel-card-soft{background:linear-gradient(180deg,#fff,#f9fbff)}
.page-gallery-section{margin-top:1rem}
.hero-mini .page-gallery-section,.hero-section-card .page-gallery-section,.hero-card .page-gallery-section{margin-top:.85rem}
@media (max-width:767.98px){
  .public-main{padding:.8rem 0 .85rem}
  .public-footer{padding-bottom:.8rem}
  .auth-page{padding:.8rem 0 .2rem}
  .notification-dropdown-menu{width:min(96vw,390px)}
  .topbar-dropdown-head{display:block}
  .notification-head-actions{margin-top:.55rem;justify-content:flex-start}
}

.badge-soft.warning{background:rgba(245,158,11,.10);color:var(--warning);border-color:rgba(217,119,6,.18)}
.status-dot.warning::before{background:var(--warning);box-shadow:0 0 0 .2rem rgba(245,158,11,.12)}

.media-picker-loadmore-wrap{padding:0 1rem 1rem;text-align:center;border-top:1px solid #eef2f7;background:#fff}.media-picker-loadmore-wrap .btn{min-width:180px}


@media (max-width: 767.98px){
    .app-topbar{padding:.68rem .5rem .52rem .4rem;align-items:center}
    .topbar-left{min-width:0;flex:1 1 auto}
    .topbar-left > * + *{margin-left:.55rem}
    .topbar-right{display:none !important}
    .mobile-topbar-actions{display:flex;flex:0 0 auto;margin-left:.55rem}
    .mobile-topbar-actions .dropdown-menu{position:fixed !important;top:64px !important;left:12px !important;right:12px !important;transform:none !important;width:auto !important;max-width:none !important}
    .page-kicker,.page-subtitle{display:none !important}
    .page-title{font-size:1.22rem;line-height:1.08;margin:0}
}