@layer pages{.admin-container{background:var(--container-bg);word-break:keep-all;word-wrap:break-word;flex-direction:column;flex-grow:1;align-items:center;display:flex}.admin-content{background:var(--content-bg);width:100%;height:100%;color:var(--content-fg);border:1px solid var(--border);flex-flow:column wrap;place-content:center flex-start;padding:10px;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.form-stack{gap:var(--space-3,20px);flex-direction:column;display:flex}.form-stack .field{gap:10px}.info-container{margin-bottom:20px}.button-group{margin-bottom:10px}.list-container,.create-container,.edit-container{width:100%}.empty-state{text-align:center;color:#6c757d;padding:80px 20px}.empty-state i{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state p{margin:0;font-size:16px}.admin-cards{flex-wrap:wrap;justify-content:flex-start;gap:16px;display:flex}@media (width<=768px){.admin-cards{gap:12px}}.admin-card{background:#fff;border:1px solid #e1e5e9;width:100%;padding:20px;transition:all .2s;position:relative;box-shadow:0 2px 4px #0000000d}.admin-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.admin-card[data-deleted=true]{opacity:.8;background-color:#fef2f2;border-color:#fecaca}@media (width<=1024px){.admin-card{border-radius:8px;width:47%;padding:16px}}@media (width<=768px){.admin-card{width:100%}}.card-header{justify-content:flex-start;align-items:center;margin-bottom:16px;display:flex}.card-header .drag-handle{cursor:grab;color:#9ca3af;border-radius:4px;padding:4px;transition:color .2s}.card-header .drag-handle:hover{color:#6b7280}.card-header .drag-handle:active{cursor:grabbing}.card-header .admin-type .type-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.card-header .admin-type .type-badge.admin{color:#501301;background-color:#f3ccc0}.card-header .admin-type .type-badge.owner{color:#0a3f7a;background-color:#c9e0fa}.card-header .admin-type .type-badge.seller{color:#215f05;background-color:#d7fac6}.card-header .admin-name{color:#111827;margin-left:15px;font-size:18px;font-weight:600}@media (width<=768px){.card-header .admin-name{margin-bottom:10px;font-size:16px}}.card-header .gap{flex-grow:1}.card-header .admin-status .status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.card-header .admin-status .status-badge.status-active{color:#065f46;background-color:#d1fae5}.card-header .admin-status .status-badge.status-deleted{color:#991b1b;background-color:#fee2e2}.card-header .admin-status .status-badge.status-pending{color:#92400e;background-color:#fef3c7}.card-content .admin-info .admin-details{gap:8px;margin-bottom:20px;display:grid}.card-content .admin-info .admin-details .detail-item{border-bottom:1px solid #bebebe;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.card-content .admin-info .admin-details .detail-item:last-child{border-bottom:none}.card-content .admin-info .admin-details .detail-item .label{color:#6b7280;font-size:14px;font-weight:500}.card-content .admin-info .admin-details .detail-item .value{color:#111827;font-size:14px;font-weight:400}.card-content .admin-info .admin-details .detail-item .value.code{background-color:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:16px}.card-actions{justify-content:flex-end;gap:12px;display:flex}@media (width<=768px){.card-actions{justify-content:stretch;gap:8px}.card-actions .btn{flex:1}}.card-actions .btn--mobile{border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}@media (width<=768px){.card-actions .btn--mobile{min-height:48px;padding:12px 16px;font-size:13px}}.card-actions .btn--mobile i{font-size:14px}.card-actions .btn--mobile:active{transform:scale(.98)}.card-actions .btn--primary{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.card-actions .btn--primary:hover{background-color:#2563eb;border-color:#2563eb}.card-actions .btn--outline.btn--danger{color:#ef4444;background-color:#0000;border-color:#ef4444}.card-actions .btn--outline.btn--danger:hover{color:#fff;background-color:#ef4444}.sortable-ghost{opacity:.5;background-color:#f8fafc}.sortable-chosen{box-shadow:0 8px 24px #00000026}.sortable-drag{transform:rotate(5deg)}}