:root {    --bg: #f5f3ee;    --surface: #ffffff;    --surface-alt: #f8f6f1;    --border: #d8d3c8;    --border-strong: #bcb4a4;    --text: #1d1d1b;    --text-soft: #5f5a50;    --heading: #111111;    --header: #141414;    --header-border: #2a2a2a;    --accent: #2f8f6b;    --accent-dark: #246f53;    --danger-bg: #f8d7da;    --danger-text: #842029;    --warning-bg: #fff3cd;    --warning-text: #664d03;    --success-bg: #d1e7dd;    --success-text: #0f5132;    --info-bg: #d8ecf5;    --info-text: #0b4f6c;    --shadow: 0 10px 30px rgba(0, 0, 0, 0.05);    --radius: 12px;    --radius-sm: 8px;    --content-width: 1240px;}* { box-sizing: border-box; }html { scroll-behavior: smooth; }body {    margin: 0;    background: var(--bg);    color: var(--text);    font-family: "Inter", "Segoe UI", Arial, sans-serif;    line-height: 1.55;}a { color: var(--heading); text-decoration: none; }a:hover { color: var(--accent-dark); }img { max-width: 100%; display: block; }button, input, select, textarea { font: inherit; }.site-header {    position: sticky;    top: 0;    z-index: 1000;    background: var(--header);    border-bottom: 1px solid var(--header-border);}.site-header-inner {    width: min(var(--content-width), calc(100% - 32px));    margin: 0 auto;    min-height: 74px;    display: flex;    align-items: center;    gap: 18px;    padding: 12px 0;}.site-brand {    display: flex;    align-items: center;    gap: 12px;    color: #ffffff;    min-width: 185px;}.site-brand:hover { color: #ffffff; }.site-logo {    width: 44px;    height: 44px;    border-radius: 10px;    background: var(--accent);    color: #ffffff;    display: inline-flex;    align-items: center;    justify-content: center;    font-size: 14px;    font-weight: 800;    letter-spacing: 0.08em;}.site-brand-text { display: flex; flex-direction: column; line-height: 1.15; }.site-brand-text strong { font-size: 18px; font-weight: 800; }.site-brand-text small {    color: #b7b7b7;    font-size: 11px;    letter-spacing: 0.06em;    text-transform: uppercase;}.site-nav { display: flex; flex-wrap: wrap; gap: 14px; }.site-nav a {    color: #d6d6d6;    font-size: 14px;    font-weight: 600;    padding: 8px 0;    border-bottom: 2px solid transparent;}.site-nav a:hover,.site-nav a.is-active {    color: #ffffff;    border-color: var(--accent);}.header-search {    margin-left: auto;    display: flex;    align-items: center;    gap: 10px;    min-width: 280px;}.header-search input {    width: 100%;    min-width: 0;    height: 42px;    border: 1px solid #3a3a3a;    background: #1e1e1e;    color: #ffffff;    border-radius: 10px;    padding: 0 14px;}.header-search input::placeholder { color: #9f9f9f; }.site-user {    display: flex;    align-items: center;    gap: 10px;    color: #cfcfcf;    font-size: 13px;    white-space: nowrap;}.site-user strong { color: #ffffff; }.site-pill {    display: inline-flex;    align-items: center;    gap: 6px;    padding: 6px 10px;    border-radius: 999px;    border: 1px solid #35564b;    background: #1f332b;    color: #a9ddcb;    font-size: 11px;    font-weight: 700;    letter-spacing: 0.04em;    text-transform: uppercase;}.page-shell {    width: min(var(--content-width), calc(100% - 32px));    margin: 32px auto 56px;}.page-intro { margin-bottom: 20px; }.eyebrow {    margin: 0 0 8px;    font-size: 12px;    font-weight: 800;    letter-spacing: 0.08em;    text-transform: uppercase;    color: var(--text-soft);}.page-title,.hero-title,.result-title,.product-title,.section-title {    margin: 0;    color: var(--heading);    line-height: 1.15;}.page-title,.hero-title { font-size: clamp(28px, 4vw, 44px); font-weight: 800; }.lead,.page-subtitle,.result-subtitle,.helper-text,.muted { color: var(--text-soft); }.lead {    max-width: 920px;    margin: 12px 0 0;    font-size: 16px;}.panel {    background: var(--surface);    border: 1px solid var(--border);    border-radius: var(--radius);    box-shadow: var(--shadow);    padding: 22px;}.panel + .panel,.panel + .result-card,.result-card + .result-card { margin-top: 18px; }.search-form,.inline-form,.toolbar,.filter-grid {    display: flex;    flex-wrap: wrap;    gap: 14px;    align-items: end;}.field { flex: 1 1 320px; min-width: 0; }.field-label {    display: block;    margin-bottom: 8px;    font-size: 12px;    font-weight: 700;    letter-spacing: 0.04em;    text-transform: uppercase;    color: var(--text-soft);}.field-input,.field-textarea,.field-select {    width: 100%;    min-height: 46px;    padding: 12px 14px;    border: 1px solid var(--border-strong);    border-radius: 10px;    background: #ffffff;    color: var(--text);}.field-textarea { min-height: 120px; resize: vertical; }.field-input:focus,.field-textarea:focus,.field-select:focus,.header-search input:focus {    outline: 2px solid rgba(47, 143, 107, 0.18);    border-color: var(--accent);}.btn {    display: inline-flex;    align-items: center;    justify-content: center;    gap: 8px;    min-height: 46px;    padding: 0 16px;    border: 1px solid transparent;    border-radius: 10px;    font-weight: 700;    cursor: pointer;    transition: 0.2s ease;}.btn:hover { transform: translateY(-1px); }.btn-primary { background: var(--accent); color: #ffffff; }.btn-primary:hover { background: var(--accent-dark); color: #ffffff; }.btn-secondary { background: #1c1c1c; color: #ffffff; }.btn-secondary:hover { background: #000000; color: #ffffff; }.btn-outline { background: transparent; border-color: var(--border-strong); color: var(--heading); }.btn-muted { background: #ece8de; color: var(--heading); }.btn-success { background: #2d7d46; color: #ffffff; }.btn-info { background: #276f8a; color: #ffffff; }.btn-warning { background: #8a6b21; color: #ffffff; }.btn-danger { background: #842029; color: #ffffff; }.btn-sm { min-height: 38px; padding: 0 12px; font-size: 13px; }.alert {    padding: 14px 16px;    border-radius: 10px;    border: 1px solid transparent;    font-size: 14px;}.alert-danger { background: var(--danger-bg); border-color: #f1aeb5; color: var(--danger-text); }.alert-warning { background: var(--warning-bg); border-color: #ffe69c; color: var(--warning-text); }.alert-success,.alert.success { background: var(--success-bg); border-color: #a3cfbb; color: var(--success-text); }.alert-info { background: var(--info-bg); border-color: #a3d1e5; color: var(--info-text); }.badge,.meta-badge,.pill {    display: inline-flex;    align-items: center;    padding: 6px 10px;    border-radius: 999px;    border: 1px solid var(--border);    background: var(--surface-alt);    color: var(--text-soft);    font-size: 11px;    font-weight: 700;    letter-spacing: 0.04em;    text-transform: uppercase;}.badge-success { background: var(--success-bg); color: var(--success-text); border-color: #a3cfbb; }.badge-warning { background: var(--warning-bg); color: var(--warning-text); border-color: #ffe69c; }.badge-danger { background: var(--danger-bg); color: var(--danger-text); border-color: #f1aeb5; }.badge-info { background: var(--info-bg); color: var(--info-text); border-color: #a3d1e5; }.result-card {    background: var(--surface);    border: 1px solid var(--border);    border-radius: var(--radius);    box-shadow: var(--shadow);    overflow: hidden;}.result-card-head {    display: flex;    justify-content: space-between;    align-items: start;    gap: 16px;    padding: 22px 22px 0;}.result-title,.product-title,.section-title { font-size: clamp(22px, 2.6vw, 32px); font-weight: 800; }.result-subtitle { margin: 8px 0 0; font-size: 14px; }.result-actions,.footer-actions,.stack-actions,.inline-actions,.bulk-actions {    display: flex;    flex-wrap: wrap;    gap: 10px;}.stack-actions.vertical,.inline-actions.vertical { flex-direction: column; align-items: stretch; }.result-layout,.product-layout {    display: grid;    grid-template-columns: minmax(220px, 290px) minmax(0, 1fr);    gap: 22px;    padding: 22px;}.result-media,.product-media { display: flex; flex-direction: column; gap: 12px; }.media-frame,.product-main-image {    border: 1px solid var(--border);    border-radius: 12px;    background: var(--surface-alt);    overflow: hidden;    aspect-ratio: 1 / 1;}.media-frame img,.product-main-image img {    width: 100%;    height: 100%;    object-fit: cover;}.thumb-strip {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));    gap: 10px;}.thumb-strip img {    width: 100%;    aspect-ratio: 1 / 1;    object-fit: cover;    border-radius: 10px;    border: 1px solid var(--border);    background: #ffffff;}.meta-grid {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 12px;    margin-bottom: 18px;}.meta-grid.meta-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }.meta-grid.meta-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }.meta-item {    padding: 12px 14px;    border: 1px solid var(--border);    border-radius: 10px;    background: var(--surface-alt);}.meta-label {    display: block;    margin-bottom: 5px;    font-size: 11px;    font-weight: 800;    letter-spacing: 0.08em;    text-transform: uppercase;    color: var(--text-soft);}.meta-value { font-size: 14px; font-weight: 600; color: var(--heading); }.product-description,.rich-text {    margin-top: 18px;    padding-top: 18px;    border-top: 1px solid var(--border);}.product-description p,.rich-text p { margin: 0; }.info-row {    display: flex;    flex-wrap: wrap;    justify-content: space-between;    gap: 12px;    margin: 18px 0 10px;    padding-top: 18px;    border-top: 1px solid var(--border);}.info-row .muted { font-size: 13px; }.doc-list,.link-list {    margin: 0;    padding-left: 18px;}.doc-list li,.link-list li { margin-bottom: 8px; }.doc-list a,.link-list a { color: var(--accent-dark); font-weight: 600; }.empty-state {    padding: 24px;    border: 1px dashed var(--border-strong);    border-radius: 12px;    background: var(--surface-alt);    color: var(--text-soft);}.catalog-grid {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));    gap: 18px;}.catalog-card {    background: var(--surface);    border: 1px solid var(--border);    border-radius: var(--radius);    overflow: hidden;    box-shadow: var(--shadow);}.catalog-card-media {    aspect-ratio: 4 / 3;    background: var(--surface-alt);    border-bottom: 1px solid var(--border);}.catalog-card-media img {    width: 100%;    height: 100%;    object-fit: cover;}.catalog-card-body { padding: 18px; }.catalog-card-title {    margin: 0 0 8px;    font-size: 20px;    font-weight: 800;    line-height: 1.2;}.catalog-card-meta { margin: 0 0 14px; color: var(--text-soft); font-size: 14px; }.catalog-card-footer { display: flex; flex-wrap: wrap; gap: 10px; }.table-wrap {    overflow-x: auto;    width: 100%;}.data-table {    width: 100%;    border-collapse: collapse;    background: #ffffff;}.data-table th,.data-table td {    padding: 12px 14px;    border-bottom: 1px solid var(--border);    text-align: left;    vertical-align: top;    font-size: 14px;}.data-table th {    background: var(--surface-alt);    color: var(--text-soft);    font-size: 12px;    font-weight: 800;    letter-spacing: 0.08em;    text-transform: uppercase;    white-space: nowrap;}.data-table td small { color: var(--text-soft); }.data-table td .inline-actions,.data-table td .stack-actions { justify-content: flex-start; }.data-table td.actions-cell { min-width: 180px; }.table-image {    width: 90px;    height: 90px;    object-fit: cover;    border-radius: 10px;    border: 1px solid var(--border);}.table-check { width: 42px; text-align: center !important; }.table-card-title { margin: 0 0 6px; font-size: 15px; font-weight: 800; }.table-meta-stack { display: grid; gap: 6px; }.table-meta-stack .badge { width: fit-content; }.admin-summary,.admin-kpis {    display: grid;    grid-template-columns: repeat(4, minmax(0, 1fr));    gap: 12px;    margin-top: 18px;}.admin-summary-card,.kpi-card {    padding: 16px;    border: 1px solid var(--border);    border-radius: 12px;    background: var(--surface-alt);}.admin-summary-card strong,.kpi-card strong {    display: block;    font-size: 24px;    margin-top: 6px;    color: var(--heading);}.kpi-card .muted { display: block; margin-top: 4px; font-size: 12px; }.filter-panel {    display: grid;    grid-template-columns: repeat(4, minmax(0, 1fr));    gap: 14px;}.filter-panel .field.full { grid-column: 1 / -1; }.filter-actions {    display: flex;    flex-wrap: wrap;    gap: 10px;    grid-column: 1 / -1;}.bulk-bar {    display: flex;    flex-wrap: wrap;    gap: 12px;    justify-content: space-between;    align-items: center;    margin-bottom: 14px;}.selection-help { color: var(--text-soft); font-size: 13px; }.asset-grid {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));    gap: 16px;}.asset-card,.image-admin-card,.admin-card {    border: 1px solid var(--border);    border-radius: 12px;    background: var(--surface-alt);    padding: 14px;}.asset-thumb,.image-admin-card img {    width: 100%;    aspect-ratio: 1 / 1;    object-fit: cover;    border-radius: 10px;    border: 1px solid var(--border);    background: #fff;    margin-bottom: 12px;}.quality-bar {    position: relative;    height: 10px;    border-radius: 999px;    background: #e7e2d8;    overflow: hidden;}.quality-bar > span {    display: block;    height: 100%;    background: var(--accent);}.quality-text {    font-weight: 700;    font-size: 13px;    margin-top: 6px;}.missing-list {    margin: 8px 0 0;    padding-left: 18px;    color: var(--text-soft);    font-size: 13px;}.quick-links {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));    gap: 12px;}.quick-link {    display: block;    padding: 16px;    border: 1px solid var(--border);    border-radius: 12px;    background: var(--surface-alt);}.quick-link strong { display: block; font-size: 16px; margin-bottom: 6px; }.quick-link span { color: var(--text-soft); font-size: 13px; }.pagination {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 8px;    margin-top: 18px;}.pagination a,.pagination span {    min-width: 40px;    min-height: 40px;    padding: 0 12px;    border-radius: 10px;    border: 1px solid var(--border);    background: var(--surface);    display: inline-flex;    align-items: center;    justify-content: center;    font-weight: 700;}.pagination .is-current {    background: var(--accent);    color: #fff;    border-color: var(--accent);}.centered-actions {    display: flex;    justify-content: center;    flex-wrap: wrap;    gap: 12px;    margin-top: 22px;}.site-footer {    margin-top: 48px;    border-top: 1px solid var(--border);    background: #efeae0;}.site-footer-inner {    width: min(var(--content-width), calc(100% - 32px));    margin: 0 auto;    padding: 20px 0 28px;    text-align: center;}.site-footer-copy {    margin: 0 0 10px;    color: var(--text-soft);    font-size: 14px;}.site-footer-links {    display: flex;    justify-content: center;    flex-wrap: wrap;    gap: 14px;}.site-footer-links a { color: var(--heading); font-size: 14px; font-weight: 600; }.site-footer-links a:hover { color: var(--accent-dark); }@media (max-width: 1080px) {    .site-header-inner { flex-wrap: wrap; }    .header-search { order: 4; width: 100%; margin-left: 0; }    .site-user { margin-left: auto; }    .filter-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 900px) {    .admin-summary,    .admin-kpis,    .meta-grid.meta-grid-4,    .meta-grid.meta-grid-3 { grid-template-columns: 1fr 1fr; }}@media (max-width: 820px) {    .page-shell { width: min(var(--content-width), calc(100% - 20px)); margin-top: 20px; }    .panel,    .result-card-head,    .result-layout,    .product-layout { padding: 18px; }    .result-layout,    .product-layout,    .meta-grid { grid-template-columns: 1fr; }    .site-nav { width: 100%; }    .filter-panel { grid-template-columns: 1fr; }}@media (max-width: 700px) {    .data-table.responsive-admin thead { display: none; }    .data-table.responsive-admin,    .data-table.responsive-admin tbody,    .data-table.responsive-admin tr,    .data-table.responsive-admin td {        display: block;        width: 100%;    }    .data-table.responsive-admin tr {        border-bottom: 1px solid var(--border);        padding: 12px 0;    }    .data-table.responsive-admin td {        border: 0;        padding: 8px 0;    }    .data-table.responsive-admin td::before {        content: attr(data-label);        display: block;        margin-bottom: 4px;        font-size: 11px;        font-weight: 800;        letter-spacing: 0.08em;        text-transform: uppercase;        color: var(--text-soft);    }    .table-check { display: none !important; }}@media (max-width: 560px) {    .site-header-inner { width: calc(100% - 20px); }    .site-brand { min-width: auto; }    .site-user { width: 100%; justify-content: space-between; }    .result-card-head { flex-direction: column; }    .search-form,    .inline-form,    .footer-actions,    .result-actions,    .catalog-card-footer,    .centered-actions,    .bulk-bar {        flex-direction: column;    }    .btn,    .btn-sm { width: 100%; }    .admin-summary,    .admin-kpis { grid-template-columns: 1fr; }}