.adm-orders-layout { display:grid; grid-template-columns: 280px 1fr; gap:16px; align-items:start; }
.adm-orders-filter { position: sticky; top: 16px; padding:16px; }
.adm-orders-filter-top { padding:16px; margin-bottom:12px; }
.adm-orders-header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; flex-wrap:wrap; }
.adm-orders-title { display:flex; align-items:center; gap:10px; }
.adm-filter-select {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    border:none;
    background:transparent;
    font-weight:600;
    color:var(--text-main);
    padding-right:22px;
    width:100%;
}
.adm-filter-input {
    border:none;
    background:transparent;
    flex:1;
    outline:none;
    min-width:200px;
}
.adm-filter-caret {
    position:absolute;
    right:2px;
    color:var(--text-muted);
    pointer-events:none;
}
.adm-orders-table thead th { position: sticky; top: 0; background: var(--bg-card); z-index: 1; }
.adm-orders-row { cursor: pointer; }
.adm-orders-row:hover { background: var(--bg-subtle); }
.dropdown-actions-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: var(--ease);
    pointer-events: none;
}
.dropdown-actions-menu.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
.dropdown-actions-menu button:hover { background: var(--bg-subtle); }
.table-container { overflow-x:auto; }
.table-container table { min-width: 720px; }
.filters { gap:10px; flex-wrap:wrap; }
.cat-hero {
    padding:18px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    border:1px solid var(--border);
    border-radius:14px;
    background: linear-gradient(135deg, #ffffff, #f8fafc);
    box-shadow: var(--shadow-sm);
}
.cat-title { font-weight:800; font-size:1.1rem; }
.cat-sub { color:var(--text-muted); font-size:0.85rem; }
.cat-search {
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid var(--border);
    border-radius:10px;
    padding:8px 12px;
    background:#fff;
}
.cat-search i { color:var(--text-muted); }
.cat-search .input-field { margin:0; border:none; background:transparent; width:260px; }
.cat-layout { display:grid; grid-template-columns:1fr 1.2fr; gap:16px; align-items:start; }
.cat-stack { display:grid; gap:16px; }
.cat-panel { padding:16px; }
.cat-panel-title { font-weight:700; margin-bottom:6px; }
.cat-panel-sub { color:var(--text-muted); font-size:0.85rem; margin-bottom:12px; }
.cat-form { display:grid; gap:10px; }
.cat-list { max-height:520px; overflow:auto; }
.cat-cards {
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
    gap:12px;
}
.cat-card {
    border:1px solid var(--border);
    border-radius:12px;
    padding:12px;
    background:var(--bg-card);
    box-shadow: var(--shadow-sm);
    display:flex;
    flex-direction:column;
    gap:8px;
}
.cat-card-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}
.cat-main { display:flex; align-items:center; gap:10px; }
.cat-badge {
    font-size:0.7rem;
    background:var(--bg-subtle);
    border:1px solid var(--border);
    padding:2px 6px;
    border-radius:999px;
    color:var(--text-muted);
    font-weight:700;
}
.cat-name { font-weight:600; color:var(--text-main); }
.cat-actions { display:flex; gap:6px; }
.cat-actions .btn { padding:6px 10px; border-radius:10px; }
.cat-danger { color:var(--accent-red); border-color:var(--accent-red); }
.cat-edit-input { min-width:220px; }
.cat-name { font-weight:700; color:var(--text-main); }
.cat-path { font-size:0.8rem; color:var(--text-muted); }
@media (max-width: 900px) {
    .adm-orders-layout { grid-template-columns: 1fr; }
    .adm-orders-filter { position: static; }
    .table-container table { min-width: 0; }
    .cat-layout { grid-template-columns:1fr; }
    .cat-search .input-field { width:100%; }
}