.admin-category-bar { position: sticky; top: 74px; z-index: 20; display: flex; gap: .65rem; margin: 0 0 1.5rem; padding: .7rem; overflow-x: auto; border: 1px solid var(--border-color); border-radius: 18px; background: color-mix(in srgb, var(--background-primary) 92%, transparent); box-shadow: 0 12px 32px rgba(15,23,42,.08); backdrop-filter: blur(16px); scrollbar-width: none; }
.admin-category-bar::-webkit-scrollbar { display: none; }
.admin-category-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-width: max-content; padding: .75rem 1rem; border: 1px solid transparent; border-radius: 12px; background: transparent; color: var(--text-secondary); font: inherit; font-weight: 700; cursor: pointer; transition: .18s ease; }
.admin-category-button:hover { background: var(--background-secondary); color: var(--text-primary); }
.admin-category-button.active { border-color: color-mix(in srgb, var(--primary-color) 35%, transparent); background: color-mix(in srgb, var(--primary-color) 12%, var(--background-primary)); color: var(--primary-color); }
.admin-category-button .material-symbols-outlined { font-size: 21px; }
.admin-panel-section { margin-bottom: 1.25rem; animation: admin-panel-in .2s ease both; }
.admin-panel-section[hidden] { display: none; }
.admin-category-loading { display: flex; align-items: center; gap: .75rem; margin: 0 0 1.25rem; padding: .9rem 1rem; border-radius: 12px; background: var(--background-secondary); color: var(--text-secondary); }
.admin-category-loading[hidden] { display: none; }
.admin-loading-spinner { width: 18px; height: 18px; border: 2px solid var(--border-color); border-top-color: var(--primary-color); border-radius: 50%; animation: admin-spin .7s linear infinite; }
.admin-panel-section input:not([type="checkbox"]):not([type="radio"]), .admin-panel-section textarea, .admin-panel-section select { width: 100%; min-height: 46px; padding: .72rem .85rem; border: 1px solid var(--border-color); border-radius: 11px; outline: none; background: var(--background-primary); color: var(--text-primary); font: inherit; transition: border-color .18s, box-shadow .18s; }
.admin-panel-section textarea { min-height: 100px; resize: vertical; }
.admin-panel-section input:focus, .admin-panel-section textarea:focus, .admin-panel-section select:focus { border-color: var(--primary-color); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 16%, transparent); }
.admin-panel-section input[type="url"] { padding-left: 2.65rem; background-image: linear-gradient(transparent,transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: .85rem center; }
@keyframes admin-spin { to { transform: rotate(360deg); } }
@keyframes admin-panel-in { from { opacity: 0; transform: translateY(5px); } }
@media (max-width: 700px) { .admin-category-bar { top: 64px; margin-inline: -.25rem; } .admin-panel-section [style*="grid-template-columns"] { grid-template-columns: 1fr !important; } }
.stock-unit-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.stock-unit-heading label{color:var(--text-primary);font-weight:700}.stock-unit-heading p{margin:.2rem 0 0}.stock-unit-list{display:grid;gap:.8rem}.stock-unit-card{padding:1rem;border:1px solid var(--border-color);border-radius:14px;background:var(--background-secondary)}.stock-unit-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.stock-unit-card-head strong{color:var(--text-primary)}.stock-unit-remove{border:0;background:transparent;color:#dc2626;font:inherit;font-weight:700;cursor:pointer}.stock-unit-card textarea{background:var(--background-primary)!important}

/* Admin workspace navigation */
.admin-subcategory-bar{display:flex;gap:.5rem;margin:-.75rem 0 1.35rem;padding:.35rem;overflow-x:auto;border-bottom:1px solid var(--border-color);scrollbar-width:none}.admin-subcategory-bar[hidden]{display:none}.admin-subcategory-bar::-webkit-scrollbar{display:none}.admin-subcategory-button{min-width:max-content;padding:.68rem .9rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}.admin-subcategory-button:hover{color:var(--text-primary)}.admin-subcategory-button.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}
.admin-panel-section{padding:clamp(1.15rem,3vw,2rem);border:1px solid var(--border-color);border-radius:20px;background:var(--background-primary);box-shadow:0 14px 38px color-mix(in srgb,var(--card-hover-shadow) 75%,transparent)}.admin-panel-section>h2{display:flex;align-items:center;justify-content:space-between;margin:0 0 .45rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:clamp(1.25rem,2vw,1.6rem)}.admin-panel-section>.panel-sub:first-of-type{margin-top:.7rem}

/* Reusable fetched-result viewer */
.admin-result-shell{margin-top:1rem;overflow:hidden;border:1px solid var(--border-color);border-radius:16px;background:color-mix(in srgb,var(--background-secondary) 56%,var(--background-primary))}.admin-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--border-color);background:var(--background-primary)}.admin-result-toolbar>div:first-child{display:grid;gap:.08rem}.admin-result-toolbar strong{color:var(--text-primary);font-size:.88rem}.admin-result-toolbar small{color:var(--text-secondary);font-size:.7rem}.admin-result-controls{display:flex;align-items:center;gap:.6rem}.admin-result-controls label{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.72rem;font-weight:700}.admin-result-controls select{min-height:34px!important;width:auto!important;padding:.35rem 1.8rem .35rem .55rem!important;border-radius:8px!important}.admin-view-toggle{display:flex;padding:.18rem;border:1px solid var(--border-color);border-radius:9px;background:var(--background-secondary)}.admin-view-toggle button{display:grid;width:32px;height:30px;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);cursor:pointer}.admin-view-toggle button.active{background:var(--background-primary);color:var(--primary-color);box-shadow:0 2px 8px var(--card-hover-shadow)}.admin-view-toggle .material-symbols-outlined{font-size:18px}
.admin-result-collection{display:grid;gap:.75rem;padding:.85rem;counter-reset:admin-result}.admin-result-shell.is-grid .admin-result-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-result-shell.is-list .admin-result-collection{grid-template-columns:1fr}.admin-result-collection>.notice{position:relative;margin:0!important;padding:1rem 1rem 1rem 3rem!important;overflow:hidden;border:1px solid var(--border-color);border-radius:13px;background:var(--background-primary);box-shadow:none;transition:border-color .18s,box-shadow .18s,transform .18s}.admin-result-collection>.notice::before{content:var(--admin-result-number);position:absolute;top:1rem;left:.85rem;display:grid;width:1.55rem;height:1.55rem;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--primary-color) 12%,var(--background-secondary));color:var(--primary-color);font-size:.68rem;font-weight:800}.admin-result-collection>.notice:hover{border-color:color-mix(in srgb,var(--primary-color) 38%,var(--border-color));box-shadow:0 10px 24px var(--card-hover-shadow);transform:translateY(-1px)}.admin-result-collection>.notice[hidden]{display:none!important}.admin-result-collection>.notice .notice-title{margin-top:0;color:var(--text-primary);line-height:1.4}.admin-result-collection>.notice .panel-sub{overflow-wrap:anywhere;line-height:1.55}.admin-result-shell.is-list .admin-result-collection>.notice{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.4fr) auto;align-items:center;column-gap:1rem}.admin-result-shell.is-list .admin-result-collection>.notice>*{min-width:0}.admin-result-shell.is-list .admin-result-collection>.notice>div:last-child,.admin-result-shell.is-list .admin-result-collection>.notice>button:last-child{justify-self:end}
.admin-result-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;border-top:1px solid var(--border-color);background:var(--background-primary)}.admin-result-pagination[hidden]{display:none}.admin-result-pagination button{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background-primary);color:var(--text-primary);font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.admin-result-pagination button:disabled{opacity:.42;cursor:not-allowed}.admin-page-label{min-width:88px;color:var(--text-secondary);font-size:.75rem;text-align:center}.stock-unit-card-head>span{margin-left:auto;padding:.28rem .5rem;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,var(--background-primary));color:#15803d;font-size:.68rem;font-weight:800}.stock-unit-card:has(textarea:placeholder-shown) .stock-unit-card-head>span{background:var(--background-primary);color:var(--text-secondary)}#store-stock-unit-count{display:inline-block;margin-top:.4rem;color:var(--primary-color);font-size:.8rem}

@media(max-width:900px){.admin-result-shell.is-grid .admin-result-collection{grid-template-columns:1fr}.admin-result-shell.is-list .admin-result-collection>.notice{display:block}.admin-result-shell.is-list .admin-result-collection>.notice>*+*{margin-top:.45rem}.admin-result-shell.is-list .admin-result-collection>.notice>div:last-child{justify-self:auto}}
@media(max-width:600px){.admin-result-toolbar{align-items:flex-start;flex-direction:column}.admin-result-controls{width:100%;justify-content:space-between}.admin-result-collection{padding:.6rem}.admin-result-collection>.notice{padding-left:2.7rem!important}.stock-unit-heading{align-items:flex-start;flex-direction:column}}
.admin-callout{display:flex;align-items:flex-start;gap:14px;padding:16px;margin:14px 0 18px;border:1px solid var(--border-color,#dfe5ef);border-radius:16px;background:color-mix(in srgb,var(--primary-color,#ff681d) 6%,var(--card-bg,#fff))}.admin-callout>.material-symbols-outlined{color:var(--primary-color,#ff681d)}.admin-callout div{min-width:0}.admin-callout code{display:block;overflow:auto;margin:6px 0;padding:9px 10px;border-radius:9px;background:color-mix(in srgb,var(--text-color,#162035) 7%,transparent);font-size:.78rem}.admin-callout p{margin:6px 0 0;color:var(--muted-color,#6b778e)}.admin-inline-form{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:10px;margin-bottom:8px}.admin-inline-form .form-group{margin:0}.medupro-admin-order,.medupro-admin-member{border:1px solid var(--border-color,#dfe5ef);border-radius:16px;padding:16px;background:var(--card-bg,#fff)}.medupro-admin-order header,.medupro-admin-member header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.medupro-admin-order p,.medupro-admin-member p{margin:6px 0;color:var(--muted-color,#6b778e);overflow-wrap:anywhere}.medupro-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:720px){.admin-inline-form{grid-template-columns:1fr}.admin-inline-form button{width:100%}}