:root{--bg:#fff;--surface:#fff;--surface-alt:#f4f4f5;--surface-faint:#fafafa;--ink:#111114;--ink-soft:#3f3f46;--muted:#71717a;--muted-2:#a1a1aa;--line:#e4e4e7;--line-strong:#18181b;--field-border:#d4d4d8;--radius:3px;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, "Roboto Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh}body{background:var(--bg);color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}ul{list-style:none}::placeholder{color:var(--muted-2)}svg{display:block}#app{width:100%;min-height:100vh}.layout{align-items:stretch;min-height:100vh;display:flex}.content{flex:1;min-width:0;padding:30px 42px 72px}.sidebar{background:var(--surface);border-right:1px solid var(--line-strong);flex-direction:column;flex-shrink:0;gap:26px;width:240px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:4px 8px 22px;display:flex}.brand__logo{border:1px solid var(--line-strong);border-radius:var(--radius);width:30px;height:30px;color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand__logo svg{width:17px;height:17px}.brand__text{flex-direction:column;gap:2px;display:flex}.brand__name{letter-spacing:-.01em;font-size:1rem;font-weight:700;line-height:1}.brand__version{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.6rem;font-weight:500}.nav{flex-direction:column;gap:4px;display:flex}.nav__item{border-radius:var(--radius);color:var(--ink-soft);border:1px solid #0000;align-items:center;gap:11px;padding:9px 11px;font-size:.875rem;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:flex}.nav__item svg{flex-shrink:0;width:17px;height:17px}.nav__item:hover{background:var(--surface-alt);color:var(--ink)}.nav__item--active{background:var(--surface-alt);border-color:var(--line-strong);color:var(--ink);font-weight:600}.page-head{margin-bottom:28px}.page-head--row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-title{text-transform:uppercase;letter-spacing:.005em;color:var(--ink);font-size:1.95rem;font-weight:800;line-height:1.08}.page-subtitle{color:var(--muted);margin-top:9px;font-size:.95rem}.btn{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn svg{width:16px;height:16px}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-primary:hover{background:#000}.btn-outline{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-outline:hover{background:var(--surface-alt)}.btn-sm{padding:8px 13px;font-size:.8rem}.icon-btn{border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface);width:32px;height:32px;color:var(--ink-soft);justify-content:center;align-items:center;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.icon-btn svg{width:15px;height:15px}.icon-btn:hover{border-color:var(--ink);color:var(--ink);background:var(--surface-alt)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn:disabled:hover{border-color:var(--field-border);color:var(--ink-soft);background:var(--surface)}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);flex-direction:column;justify-content:space-between;gap:22px;min-height:132px;padding:18px 18px 20px;display:flex}.stat-card__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stat-card__label{letter-spacing:.07em;text-transform:uppercase;max-width:72%;color:var(--muted);font-size:.68rem;font-weight:600;line-height:1.35}.stat-card__icon{color:var(--ink)}.stat-card__icon svg{width:18px;height:18px}.stat-card__value{letter-spacing:-.015em;color:var(--ink);font-size:2rem;font-weight:800;line-height:1.05}.panel{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius)}.panel__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:17px 22px;display:flex}.panel__title{text-transform:uppercase;letter-spacing:.04em;color:var(--ink);font-size:.95rem;font-weight:700}.panel__link{color:var(--ink);text-underline-offset:3px;font-size:.8rem;font-weight:600;text-decoration:underline}.panel__link:hover{color:var(--muted)}.table-wrap{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding:13px 16px;font-size:.66rem;font-weight:600}.table tbody td{color:var(--ink-soft);border-top:1px solid var(--line);vertical-align:middle;padding:15px 16px;font-size:.9rem}.table th.col-sort{align-items:center;gap:5px;display:flex}.table th.col-sort svg{width:13px;height:13px}.col-right,td.col-right,th.col-right{text-align:right}.cell-id{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);white-space:nowrap;font-size:.78rem}.cell-photo{object-fit:cover;border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface-alt);width:44px;height:44px}.cell-photo--empty{color:var(--muted-2);justify-content:center;align-items:center;display:inline-flex}.cell-photo--empty svg{width:22px;height:22px}.cell-name{color:var(--ink);font-weight:700}.cell-cat{text-transform:capitalize}.cell-num{font-variant-numeric:tabular-nums}.cell-muted{color:var(--muted-2)}.table--tinted thead th{background:var(--surface-alt);border-bottom:1px solid var(--line)}.stock{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.stock--low{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.stock--low:before{content:"";background:var(--ink);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.badge{border:1px solid var(--line-strong);border-radius:var(--radius);min-width:44px;font-family:var(--mono);color:var(--ink);justify-content:center;align-items:center;padding:5px 9px;font-size:.82rem;font-weight:600;display:inline-flex}.badge--prescription{border:1px solid var(--line-strong);border-radius:var(--radius);font-family:var(--sans);color:var(--ink-soft);vertical-align:middle;letter-spacing:.03em;align-items:center;gap:4px;margin-left:7px;padding:2px 7px;font-size:.72rem;font-weight:600;display:inline-flex}.badge--prescription svg{flex-shrink:0;width:11px;height:11px}.row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.table-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:15px 20px;display:flex}.table-foot__info{color:var(--muted);font-size:.8rem}.page-size{align-items:center;gap:10px;display:flex}.page-size label{color:var(--muted);font-size:.8rem}.page-size__select{appearance:none;border:1px solid var(--field-border);border-radius:var(--radius);background-color:var(--surface);color:var(--ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2371717a'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m6%209%206%206%206-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;padding:7px 30px 7px 11px;font-size:.82rem;font-weight:600}.page-size__select:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}.pagination{align-items:center;gap:6px;display:flex}.page-btn{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-width:32px;height:32px;color:var(--ink);justify-content:center;align-items:center;padding:0 9px;font-size:.82rem;font-weight:600;display:inline-flex}.page-btn:hover{background:var(--surface-alt)}.page-btn--active{background:var(--ink);color:#fff;border-color:var(--ink)}.page-btn--muted{border-color:var(--field-border);color:var(--muted-2)}.page-btn--muted:hover{background:var(--surface)}.toolbar{align-items:stretch;gap:12px;margin-bottom:18px;display:flex}.search{flex:1;display:flex;position:relative}.search__icon{color:var(--muted);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search__icon svg{width:16px;height:16px}.search__input{border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface);width:100%;padding:11px 14px 11px 38px;font-size:.9rem}.search__input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}.filter{position:relative}.filter__menu{z-index:30;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);width:248px;max-height:340px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001a}.filter__option{border-radius:var(--radius);text-transform:capitalize;cursor:pointer;align-items:center;gap:10px;padding:7px 9px;font-size:.85rem;display:flex}.filter__option:hover{background:var(--surface-alt)}input[type=checkbox]{appearance:none;border:1px solid var(--field-border);background:var(--surface);cursor:pointer;border-radius:2px;flex-shrink:0;width:16px;height:16px;position:relative}input[type=checkbox]:checked{background:var(--ink);border-color:var(--ink)}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.back-link{color:var(--ink-soft);align-items:center;gap:6px;margin-bottom:18px;font-size:.82rem;font-weight:600;display:inline-flex}.back-link svg{width:15px;height:15px}.back-link:hover{color:var(--ink)}.form-panel{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);max-width:880px;margin-inline:auto;padding:26px 28px}.form-section+.form-section{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.form-section__title{text-transform:uppercase;letter-spacing:.04em;color:var(--ink);margin-bottom:20px;font-size:.95rem;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:20px 22px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field--full{grid-column:1/-1}.field__label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);font-size:.7rem;font-weight:600}.field__req{color:var(--muted)}.field__hint{color:var(--muted);font-size:.72rem}.field input[type=text],.field input[type=number],.field select,.field textarea,.input{border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);padding:11px 12px;font-size:.9rem}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}.field textarea{resize:vertical;min-height:92px}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2371717a'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m6%209%206%206%206-6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:38px}.field-group{border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface-faint);grid-column:1/-1;padding:20px}.field-group .form-grid{gap:18px 22px}.check-row{border:1px solid var(--field-border);border-radius:var(--radius);grid-column:1/-1;align-items:center;gap:11px;padding:13px 14px;display:flex}.check-row label{color:var(--ink);cursor:pointer;font-size:.85rem;font-weight:500}.photo-upload{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.photo-preview{object-fit:cover;border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface-alt);width:96px;height:96px}input[type=file]{color:var(--muted);font-size:.82rem}input[type=file]::file-selector-button{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;margin-right:12px;padding:9px 14px;font-size:.8rem;font-weight:600}input[type=file]::file-selector-button:hover{background:var(--surface-alt)}.form-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:28px;display:flex}@media (width<=920px){.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--line-strong);width:100%;height:auto;position:static}.content{padding:24px 20px 56px}.form-grid{grid-template-columns:1fr}}th[class*=col][data-v-ec033856]{cursor:pointer}.th-inner[data-v-ec033856]{align-items:center;gap:6px;display:inline-flex}.sort-icon[data-v-ec033856]{opacity:.3;flex-direction:column;gap:1px;transition:opacity .15s;display:inline-flex}.sort-icon svg[data-v-ec033856]{width:10px;height:6px;display:block}th:hover .sort-icon[data-v-ec033856]{opacity:.6}.sort-asc .sort-icon[data-v-ec033856],.sort-desc .sort-icon[data-v-ec033856]{opacity:1}.sort-asc .sort-icon svg[data-v-ec033856]:last-child,.sort-desc .sort-icon svg[data-v-ec033856]:first-child{opacity:.2}