:root{
 --admin-sidebar:#111827;--admin-sidebar-2:#172033;--admin-sidebar-3:#1e293b;
 --admin-bg:#f2f5fa;--admin-bg-soft:#f7f9fc;--admin-surface:#ffffff;--admin-surface-2:#f8fafc;
 --admin-text:#172033;--admin-heading:#0f172a;--admin-muted:#667085;--admin-border:#e3e8f0;--admin-border-strong:#d7dee8;
 --admin-primary:#5b5bd6;--admin-primary-hover:#4b4bc2;--admin-primary-soft:#eeeeff;--admin-primary-softer:#f7f7ff;
 --admin-success:#15803d;--admin-success-soft:#e9f8ef;--admin-danger:#c9373f;--admin-danger-soft:#fff0f1;
 --admin-warning:#c76b0a;--admin-warning-soft:#fff5e5;--admin-info:#0876a8;--admin-info-soft:#e9f7fd;
 --admin-neutral-soft:#f0f3f7;--admin-purple:#7c3aed;--admin-purple-soft:#f3edff;
 --admin-radius:18px;--admin-radius-sm:12px;--admin-radius-lg:24px;
 --admin-shadow:0 10px 28px rgba(15,23,42,.055);--admin-shadow-hover:0 16px 38px rgba(15,23,42,.10);
 --admin-focus:0 0 0 .2rem rgba(91,91,214,.14);
}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:linear-gradient(180deg,#f6f8fc 0,#f1f4f9 260px,#f2f5fa 100%);color:var(--admin-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.94rem}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.admin-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:276px;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--admin-sidebar) 0%,var(--admin-sidebar-2) 54%,#101827 100%);z-index:1040;box-shadow:14px 0 36px rgba(15,23,42,.10);transition:width .22s ease,transform .22s ease}.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 8%,rgba(124,58,237,.16),transparent 25%),radial-gradient(circle at 84% 24%,rgba(59,130,246,.10),transparent 22%)}.sidebar>*{position:relative}.sidebar-head{padding:20px 18px 12px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;font-size:1.03rem;letter-spacing:.01em}.brand:hover{color:#fff}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,92,246,.32),rgba(59,130,246,.24));border:1px solid rgba(255,255,255,.12);font-size:1.05rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.brand-copy{min-width:0}.brand-copy small{display:block;color:#9aa8bd;font-size:.66rem;font-weight:700;margin-top:3px;letter-spacing:.08em}.sidebar-user{margin:4px 14px 10px;padding:13px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.05);border-radius:15px;color:#edf2f7;backdrop-filter:blur(6px)}.sidebar-user .role{color:#9aa8bd;font-size:.75rem}.sidebar nav{padding:0 10px 16px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#39465c transparent}.nav-section{margin:18px 10px 7px;color:#718198;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;white-space:nowrap}.sidebar nav a{display:flex;align-items:center;gap:11px;color:#c7d0dd;text-decoration:none;padding:10px 12px;margin:3px 0;border:1px solid transparent;border-radius:11px;font-size:.9rem;white-space:nowrap}.sidebar nav a i{font-size:1rem;width:18px;text-align:center;flex:0 0 18px;color:#93a4bb}.sidebar nav a:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.045);color:#fff;transform:translateX(2px)}.sidebar nav a:hover i{color:#fff}.sidebar nav a.active{background:linear-gradient(135deg,rgba(99,102,241,.95),rgba(124,58,237,.88));border-color:rgba(255,255,255,.10);color:#fff;box-shadow:0 8px 22px rgba(76,70,200,.28)}.sidebar nav a.active i{color:#fff}.sidebar-footer{margin-top:auto;padding:12px 14px 18px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-footer .btn{border-color:rgba(255,255,255,.18);color:#e5ebf3;background:rgba(255,255,255,.025)}.sidebar-footer .btn:hover{background:#fff;color:#111827}.content{margin-left:276px;min-height:100vh;transition:margin-left .22s ease}.admin-topbar{position:sticky;top:0;z-index:1020;min-height:70px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.9);display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 5px 18px rgba(15,23,42,.025)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.sidebar-toggle{width:41px;height:41px;border:1px solid var(--admin-border);border-radius:12px;background:#fff;display:grid;place-items:center;color:#475467;box-shadow:0 2px 8px rgba(15,23,42,.035)}.sidebar-toggle:hover{border-color:#cbccef;background:var(--admin-primary-softer);color:var(--admin-primary)}.topbar-title{font-weight:750;color:var(--admin-heading);letter-spacing:-.01em}.topbar-sub{font-size:.75rem;color:var(--admin-muted)}.admin-main{padding:26px;max-width:1800px;margin-inline:auto}
/* surfaces */
.card{border:1px solid var(--admin-border)!important;border-radius:var(--admin-radius);box-shadow:var(--admin-shadow)!important;background:var(--admin-surface);overflow:hidden}.card.border-0{border:1px solid var(--admin-border)!important}.card.shadow-sm{box-shadow:var(--admin-shadow)!important}.card:hover.card-lift{transform:translateY(-2px);box-shadow:var(--admin-shadow-hover)!important}.card-header{padding:15px 18px;background:linear-gradient(180deg,#fff,#fbfcfe);border-color:var(--admin-border);font-weight:750;color:var(--admin-heading)}.card-footer{background:#fafbfd;border-color:var(--admin-border)}.soft-panel{background:linear-gradient(135deg,#fff 0%,#fafbff 68%,#f7f4ff 100%);border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow)}.section-tint{background:var(--admin-primary-softer);border:1px solid #e4e3ff;border-radius:var(--admin-radius-sm)}
/* page headers */
.page-head,.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;padding:20px 22px;border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:linear-gradient(135deg,#fff 0%,#fbfcff 52%,#f4f1ff 100%);box-shadow:var(--admin-shadow);position:relative;overflow:hidden}.page-head:after,.page-heading:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-76px;top:-96px;background:rgba(91,91,214,.08);pointer-events:none}.page-head>*,.page-heading>*{position:relative;z-index:1}.page-head h1,.page-heading h1{font-size:1.72rem;letter-spacing:-.025em;margin:0 0 4px;color:var(--admin-heading);font-weight:800}.page-kicker{color:var(--admin-muted);font-size:.89rem}.eyebrow,.text-uppercase.small.fw-semibold.text-primary{letter-spacing:.08em;font-size:.68rem!important;color:var(--admin-primary)!important}.breadcrumb{font-size:.8rem;margin:0}.breadcrumb a{color:var(--admin-primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}
/* metric cards */
.metric{min-height:136px;overflow:hidden;position:relative}.metric:after{content:"";position:absolute;width:94px;height:94px;border-radius:50%;right:-28px;top:-28px;background:linear-gradient(135deg,var(--admin-primary-soft),#f4efff)}.metric .card-body{z-index:1}.metric-icon{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--admin-primary-soft),#f4efff);color:var(--admin-primary);display:grid;place-items:center;font-size:1.08rem;border:1px solid #e1e1ff}.metric .metric-value{font-size:1.86rem;font-weight:820;letter-spacing:-.035em;color:var(--admin-heading)}.metric.metric-success .metric-icon{background:var(--admin-success-soft);color:var(--admin-success);border-color:#d3efdc}.metric.metric-warning .metric-icon{background:var(--admin-warning-soft);color:var(--admin-warning);border-color:#f3dfbd}.metric.metric-danger .metric-icon{background:var(--admin-danger-soft);color:var(--admin-danger);border-color:#f4d5d7}.metric.metric-info .metric-icon{background:var(--admin-info-soft);color:var(--admin-info);border-color:#d2edf7}.quick-link{display:block;color:inherit;text-decoration:none}.quick-link .quick-link-card{border:1px solid var(--admin-border);border-radius:14px;padding:15px;height:100%;background:linear-gradient(180deg,#fff,#fbfcfe);transition:.18s ease}.quick-link:hover .quick-link-card{border-color:#ccccf5;box-shadow:0 10px 24px rgba(91,91,214,.08);transform:translateY(-1px)}
/* tables */
.table{--bs-table-bg:transparent;--bs-table-hover-bg:#f8f8ff;margin-bottom:0}.table th{font-size:.69rem;text-transform:uppercase;letter-spacing:.055em;color:#6b7280;background:#f7f9fc;border-bottom-color:var(--admin-border-strong);white-space:nowrap;padding:.8rem .9rem}.table td{vertical-align:middle;border-color:#edf1f5;padding:.78rem .9rem}.table tbody tr{transition:background-color .15s ease}.table tbody tr:hover{background:#f8f8ff}.table-responsive{border-radius:14px}.table-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.table code{font-size:.78rem;background:#f1f3f7;color:#334155;border:1px solid #e4e8ef;padding:2px 6px;border-radius:6px}
/* forms */
.form-label{font-weight:650;color:#344054;margin-bottom:.42rem}.form-text{color:#7a8798}.form-control,.form-select{border-color:#d8dee8;border-radius:11px;min-height:43px;background:#fff;color:#172033;box-shadow:inset 0 1px 2px rgba(16,24,40,.02)}.form-control:hover,.form-select:hover{border-color:#c6ceda}.form-control:focus,.form-select:focus{background:#fff;color:#172033;border-color:#9494e6;box-shadow:var(--admin-focus)}.form-control::placeholder{color:#9aa4b2}.form-control:disabled,.form-select:disabled{background:#f3f5f8;color:#697586}.form-check-input{border-color:#c9d0da}.form-check-input:checked{background-color:var(--admin-primary);border-color:var(--admin-primary)}.form-check-input:focus{box-shadow:var(--admin-focus);border-color:#9494e6}.input-group-text{background:#f7f9fc;border-color:#d8dee8;color:#667085}.form-section{padding:20px;border:1px solid var(--admin-border);border-radius:15px;background:#fff}.form-section+.form-section{margin-top:16px}.form-section-title{font-size:1rem;font-weight:750;color:var(--admin-heading);margin-bottom:4px}.form-section-sub{font-size:.82rem;color:var(--admin-muted);margin-bottom:16px}
/* buttons */
.btn{border-radius:10px;font-weight:680;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:.2rem}.btn-sm{min-height:32px;border-radius:9px}.btn-lg{min-height:48px;border-radius:12px}.btn-primary{background:linear-gradient(135deg,#6262dc,var(--admin-primary));border-color:var(--admin-primary);box-shadow:0 5px 12px rgba(91,91,214,.16)}.btn-primary:hover,.btn-primary:focus{background:linear-gradient(135deg,#5353ca,var(--admin-primary-hover));border-color:var(--admin-primary-hover);transform:translateY(-1px)}.btn-success{background:#188447;border-color:#188447}.btn-danger{background:var(--admin-danger);border-color:var(--admin-danger)}.btn-warning{background:#e5a22b;border-color:#e5a22b;color:#332000}.btn-outline-primary{border-color:#b8b8ec;color:#4e4ec6}.btn-outline-primary:hover{background:var(--admin-primary);border-color:var(--admin-primary);color:#fff}.btn-outline-secondary{border-color:#d2d8e2;color:#475467}.btn-outline-secondary:hover{background:#475467;border-color:#475467;color:#fff}.btn-light.border{background:#fff!important;border-color:var(--admin-border)!important;color:#475467}.btn-light.border:hover{background:#f7f8fc!important;border-color:#cbd3df!important;color:#172033}
/* statuses and badges */
.badge{font-weight:720;letter-spacing:.01em;padding:.42em .65em;border-radius:999px}.status-active,.status-paid,.status-deployed,.status-done,.status-completed,.status-success{background:var(--admin-success-soft)!important;color:#176437!important;border:1px solid #d3efdc}.status-inactive,.status-archived,.status-secondary,.status-rolled_back{background:var(--admin-neutral-soft)!important;color:#536174!important;border:1px solid #e0e5ec}.status-suspended,.status-rejected,.status-failed,.status-cancelled,.status-danger{background:var(--admin-danger-soft)!important;color:#a52c33!important;border:1px solid #f1d2d5}.status-pending,.status-staged,.status-warning,.status-draft{background:var(--admin-warning-soft)!important;color:#9a570e!important;border:1px solid #f1ddbd}.status-processing,.status-deploying,.status-info,.status-sending{background:var(--admin-info-soft)!important;color:#08688f!important;border:1px solid #cdeaf5}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:.74rem;font-weight:750}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
/* alerts/dropdowns/modal */
.alert{border-radius:13px;border-width:1px}.alert-success{background:#effaf3;border-color:#d6efdf;color:#1d6539}.alert-danger{background:#fff2f3;border-color:#f2d6d9;color:#9e3036}.alert-warning{background:#fff8eb;border-color:#f2e1bf;color:#89510f}.alert-info{background:#eef9fd;border-color:#d2edf6;color:#176781}.alert-light{background:#f9fafc;border-color:var(--admin-border);color:#536174}.dropdown-menu{border-radius:13px!important;border:1px solid var(--admin-border)!important;box-shadow:0 16px 40px rgba(15,23,42,.12)!important}.dropdown-item{border-radius:8px}.dropdown-item:hover{background:var(--admin-primary-softer);color:#3838aa}.modal-content{border:1px solid var(--admin-border);border-radius:20px;box-shadow:0 30px 80px rgba(15,23,42,.18);overflow:hidden}.modal-header,.modal-footer{border-color:var(--admin-border)}
/* pagination / empty / utilities */
.pagination{--bs-pagination-border-radius:10px;gap:4px}.pagination .page-link{border-radius:9px!important;border-color:#e0e5ec;color:#475467;min-width:38px;text-align:center}.pagination .page-link:hover{background:var(--admin-primary-softer);border-color:#ccccf5;color:#4747bd}.pagination .active .page-link{background:var(--admin-primary);border-color:var(--admin-primary);color:#fff;box-shadow:0 5px 12px rgba(91,91,214,.14)}.empty-state{text-align:center;padding:52px 22px;color:var(--admin-muted)}.empty-state i{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 13px;border-radius:16px;background:var(--admin-primary-soft);font-size:1.45rem;color:var(--admin-primary)}.empty-state h2{color:#344054}.empty-state .btn{margin-top:4px}.permission-group{padding:18px 0;border-bottom:1px solid var(--admin-border)}.permission-item{display:flex;align-items:flex-start;padding:12px;border:1px solid var(--admin-border);border-radius:12px;background:#fff}.permission-item small{display:block;color:var(--admin-muted)}.code-panel,pre.bg-dark{border-radius:14px!important;background:#172033!important;border:1px solid #263449!important;color:#eef4ff!important}.filter-card{background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid var(--admin-border)!important}.back-link{display:inline-flex;align-items:center;gap:5px;color:#5b5bd6;text-decoration:none;font-weight:650;font-size:.82rem}.back-link:hover{color:#4444b6}.action-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sticky-actions{position:sticky;bottom:12px;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid var(--admin-border);border-radius:14px;padding:10px 12px;box-shadow:0 14px 34px rgba(15,23,42,.12)}
/* login */
.login-bg{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 18%,#dfe4ff 0,transparent 28%),radial-gradient(circle at 82% 14%,#efe5ff 0,transparent 25%),linear-gradient(180deg,#f8fafc,#eef2f7)}.login-card{width:min(450px,100%);border:1px solid rgba(226,232,240,.95);border-radius:24px;box-shadow:0 26px 74px rgba(15,23,42,.13);overflow:hidden;background:#fff}.login-brand{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:1.25rem;margin-bottom:18px;box-shadow:0 10px 25px rgba(79,70,229,.23)}.login-card .form-label{font-weight:650}
/* collapsed/mobile */
.admin-shell.sidebar-collapsed .sidebar{width:86px}.admin-shell.sidebar-collapsed .content{margin-left:86px}.admin-shell.sidebar-collapsed .brand-copy,.admin-shell.sidebar-collapsed .sidebar-user,.admin-shell.sidebar-collapsed .nav-section,.admin-shell.sidebar-collapsed .sidebar nav a span,.admin-shell.sidebar-collapsed .sidebar-footer span{display:none}.admin-shell.sidebar-collapsed .brand{justify-content:center}.admin-shell.sidebar-collapsed .sidebar nav a{justify-content:center;padding-inline:10px}.admin-shell.sidebar-collapsed .sidebar-footer .btn{padding-inline:8px}.sidebar-backdrop{display:none}
@media(max-width:1199.98px){.admin-main{padding:22px}.table th,.table td{padding-left:.75rem;padding-right:.75rem}}
@media(max-width:991.98px){.sidebar{transform:translateX(-100%);width:276px}.content,.admin-shell.sidebar-collapsed .content{margin-left:0}.admin-shell.mobile-open .sidebar{transform:translateX(0)}.admin-shell.mobile-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(2px);z-index:1035}.admin-shell.sidebar-collapsed .sidebar{width:276px}.admin-shell.sidebar-collapsed .brand-copy,.admin-shell.sidebar-collapsed .sidebar-user,.admin-shell.sidebar-collapsed .nav-section,.admin-shell.sidebar-collapsed .sidebar nav a span,.admin-shell.sidebar-collapsed .sidebar-footer span{display:initial}.admin-shell.sidebar-collapsed .brand{justify-content:flex-start}.admin-shell.sidebar-collapsed .sidebar nav a{justify-content:flex-start}.admin-topbar{padding:0 14px}.admin-main{padding:18px 14px}.page-head,.page-heading{flex-direction:column;padding:18px}.topbar-right .btn{padding-inline:.7rem}}
@media(max-width:767.98px){.card-body{padding-left:16px!important;padding-right:16px!important}.table-responsive{border-radius:12px}.page-head,.page-heading{padding:16px}.action-bar{width:100%}.action-bar>.btn{flex:1 1 auto}.form-section{padding:16px}.modal-dialog{margin:.65rem}}
@media(max-width:575.98px){body{font-size:.91rem}.topbar-sub{display:none}.admin-main{padding:14px 10px}.page-head h1,.page-heading h1{font-size:1.45rem}.metric{min-height:120px}.metric .metric-value{font-size:1.58rem}.card{border-radius:15px}.page-head,.page-heading{border-radius:15px}.table-responsive{font-size:.86rem}.btn{min-height:40px}.pagination{justify-content:center!important;flex-wrap:wrap}.topbar-title{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V4.0.1 friendly catalog surfaces */
.friendly-heading{padding:22px 24px!important;align-items:center!important}.friendly-heading .page-icon-bubble{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.5rem;flex:0 0 58px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 24px rgba(15,23,42,.08)}
.friendly-products{background:linear-gradient(135deg,#ffffff 0%,#f6f9ff 55%,#edf4ff 100%)}.friendly-products .page-icon-bubble{background:linear-gradient(135deg,#e9f2ff,#dce8ff);color:#2864c7;border:1px solid #ceddff}
.friendly-categories{background:linear-gradient(135deg,#ffffff 0%,#faf7ff 55%,#f1eaff 100%)}.friendly-categories .page-icon-bubble{background:linear-gradient(135deg,#f1e8ff,#e9ddff);color:#7c3aed;border:1px solid #decfff}
.friendly-brands{background:linear-gradient(135deg,#ffffff 0%,#fffaf3 55%,#fff1dd 100%)}.friendly-brands .page-icon-bubble{background:linear-gradient(135deg,#fff1dc,#ffe4c2);color:#c56a12;border:1px solid #ffd9a6}
.friendly-attributes{background:linear-gradient(135deg,#ffffff 0%,#f3fcfc 55%,#e4f8f7 100%)}.friendly-attributes .page-icon-bubble{background:linear-gradient(135deg,#e3f8f7,#d4f1ef);color:#0f8b83;border:1px solid #c2e9e6}
.friendly-stat-strip{display:flex;gap:10px;flex-wrap:wrap}.friendly-pill,.soft-label{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:680;border:1px solid #e6eaf0;background:#f8fafc;color:#536174}.friendly-pill b{font-size:.92rem;color:#1f2937}.pill-blue,.soft-label-blue{background:#eef5ff;border-color:#d9e7ff;color:#3568b8}.pill-violet,.soft-label-violet{background:#f4efff;border-color:#e5d9ff;color:#7650b5}.pill-cyan,.soft-label-cyan{background:#eaf9f8;border-color:#d1efed;color:#0e7c75}.pill-orange{background:#fff4e7;border-color:#ffe1bd;color:#b96813}.pill-pink{background:#fff0f5;border-color:#ffd9e7;color:#b84270}.pill-green,.soft-label-green{background:#ebf8ef;border-color:#d2efda;color:#1a7a3f}.soft-label-red{background:#fff0f1;border-color:#f5d7da;color:#b0333a}
.mini-icon-bubble,.entity-bubble{display:inline-grid;place-items:center;flex:0 0 auto;border-radius:12px}.mini-icon-bubble{width:34px;height:34px}.entity-bubble{width:42px;height:42px;font-size:1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.bubble-blue,.entity-bubble-0{background:#eaf2ff;color:#3067c5;border:1px solid #d4e3ff}.bubble-violet,.entity-bubble-1{background:#f1eaff;color:#7945c3;border:1px solid #e1d3ff}.bubble-orange,.entity-bubble-2{background:#fff1df;color:#c16b18;border:1px solid #ffddb4}.bubble-cyan,.entity-bubble-3{background:#e7f8f7;color:#11847c;border:1px solid #cfecea}.entity-bubble-4{background:#fff0f5;color:#ba4a75;border:1px solid #ffd9e8}.entity-cell{display:flex;align-items:center;gap:11px;min-width:190px}.friendly-code{display:inline-flex;padding:4px 8px;border-radius:8px;background:#f4f6f9;border:1px solid #e5e9ef;color:#4d5a6c;font:600 .76rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.friendly-filter{position:relative;overflow:hidden}.friendly-filter:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#5b5bd6,#7c3aed)}.friendly-list-card .card-header{padding-top:13px;padding-bottom:13px}.friendly-list-card tbody tr:hover .entity-bubble{transform:translateY(-1px) scale(1.03)}.entity-bubble{transition:transform .15s ease}
@media(max-width:767.98px){.friendly-heading>.d-flex{align-items:center!important}.friendly-heading .page-icon-bubble{width:48px;height:48px;flex-basis:48px;border-radius:15px;font-size:1.2rem}.friendly-stat-strip{gap:7px}.friendly-pill{padding:7px 10px}}

/* V4.1.0 bilingual + clearer controls */
.bilingual-field{position:relative;padding-top:.15rem}.bilingual-field:before{content:"";position:absolute;left:.75rem;right:.75rem;top:0;height:3px;border-radius:99px}.bilingual-th:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.bilingual-en:before{background:linear-gradient(90deg,#7c3aed,#c084fc)}.bilingual-th .form-control,.bilingual-en .form-control{background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.02)}.bilingual-th .form-label:after{content:" 🇹🇭"}.bilingual-en .form-label:after{content:" 🇬🇧"}.fallback-preview{height:100%;min-height:66px;border:1px dashed #cbd5e1;border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#eff6ff,#faf5ff)}.fallback-preview i{font-size:1.35rem;color:#6366f1}.fallback-preview strong,.fallback-preview small{display:block}.fallback-preview small{color:#64748b}.visual-select{border:1px solid #cbd5e1;background-color:#fff;box-shadow:0 2px 8px rgba(15,23,42,.05);font-weight:600}.visual-select:hover,.form-select:hover{border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.08)}.form-select{background-color:#fff;border-color:#cbd5e1;box-shadow:0 1px 4px rgba(15,23,42,.04)}.media-source-tabs{display:flex;gap:6px;flex-wrap:wrap}.media-source-tab{border:1px solid #cbd5e1;border-radius:999px;padding:6px 10px;background:#fff;color:#475569;text-decoration:none;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;gap:5px}.media-source-tab:hover,.media-source-tab.active{background:#eef2ff;border-color:#818cf8;color:#4338ca}.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.media-picker-item{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:8px;text-align:left;transition:.15s}.media-picker-item:hover{border-color:#6366f1;box-shadow:0 10px 26px rgba(79,70,229,.12);transform:translateY(-1px)}.media-picker-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#f8fafc}.media-picker-item span{display:block;font-size:.75rem;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-quicklinks{padding:8px 10px;border:1px solid #e2e8f0;background:linear-gradient(90deg,#fff,#f8fafc);border-radius:12px}