._wrapper_7mx0z_1{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f7f2}._card_7mx0z_9{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001a;padding:2.5rem 2rem;width:100%;max-width:400px}._title_7mx0z_18{text-align:center;margin:0 0 1.75rem;font-size:1.5rem;color:#14532d}._form_7mx0z_25{display:flex;flex-direction:column;gap:1.1rem}._field_7mx0z_31{display:flex;flex-direction:column;gap:.4rem}._field_7mx0z_31 label{font-size:.875rem;font-weight:600;color:#374151}._field_7mx0z_31 input{padding:.625rem .875rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}._field_7mx0z_31 input:focus{border-color:#16a34a}._field_7mx0z_31 input:disabled{background:#f9fafb;cursor:not-allowed}._error_7mx0z_61{color:#dc2626;font-size:.875rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.5rem .75rem;margin:0}._btn_7mx0z_71{padding:.75rem;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.25rem}._btn_7mx0z_71:hover:not(:disabled){background:#15803d}._btn_7mx0z_71:disabled{background:#86efac;cursor:not-allowed}._layout_1m8g4_2{display:flex;min-height:100vh;background:#f0f7f2}._sidebar_1m8g4_9{width:240px;min-width:240px;background:#0d2118;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 0;position:sticky;top:0;height:100vh}._sidebarTop_1m8g4_22{display:flex;flex-direction:column;gap:2rem}._logo_1m8g4_29{display:flex;align-items:center;gap:.65rem;padding:0 1.25rem}._logoIcon_1m8g4_36{width:36px;height:36px;background:#16a34a;color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;flex-shrink:0}._logoText_1m8g4_50{font-weight:700;font-size:1.1rem;color:#fff;letter-spacing:.02em}._sideNav_1m8g4_58{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem}._sideNavLabel_1m8g4_65{margin:0 0 .4rem .5rem;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#4ade80}._sideLink_1m8g4_74{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:9px;font-size:.9rem;font-weight:500;color:#86efac;text-decoration:none;transition:background .15s,color .15s}._sideLink_1m8g4_74:hover{background:#22c55e26;color:#fff}._sideLinkActive_1m8g4_92{background:#16a34a;color:#fff;box-shadow:0 4px 12px #16a34a66}._sideLinkActive_1m8g4_92:hover{background:#15803d}._sideIcon_1m8g4_102{width:18px;height:18px;flex-shrink:0;display:flex}._sideIcon_1m8g4_102 svg{width:100%;height:100%}._sidebarBottom_1m8g4_115{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin:0 .75rem;border-radius:10px;background:#ffffff12}._avatar_1m8g4_125{width:34px;height:34px;border-radius:50%;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}._userInfo_1m8g4_139{display:flex;flex-direction:column;flex:1;min-width:0}._userName_1m8g4_146{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._userRole_1m8g4_155{font-size:.72rem;color:#86efac}._logoutBtn_1m8g4_160{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#86efac;flex-shrink:0;transition:background .15s,color .15s}._logoutBtn_1m8g4_160:hover{background:#ef444433;color:#f87171}._logoutBtn_1m8g4_160 svg{width:16px;height:16px}._pageBody_1m8g4_186{flex:1;display:flex;flex-direction:column;min-width:0}._topBar_1m8g4_193{height:56px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 2rem;position:sticky;top:0;z-index:10}._pageTitle_1m8g4_205{font-size:1rem;font-weight:600;color:#111827;margin:0}._main_1m8g4_212{padding:1.75rem 2rem;flex:1}._welcome_1m8g4_217{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 6px #0000000f}._welcome_1m8g4_217 h2{margin:0 0 .5rem;color:#14532d}._welcome_1m8g4_217 p{margin:0;color:#6b7280}._overlay_10c2f_2{position:fixed;top:0;right:0;bottom:0;left:0;background:#05140a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:_fadeIn_10c2f_1 .15s ease}@keyframes _fadeIn_10c2f_1{0%{opacity:0}to{opacity:1}}._modal_10c2f_21{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 24px 60px #0000002e;display:flex;flex-direction:column;animation:_slideUp_10c2f_1 .2s ease;overflow:hidden}@keyframes _slideUp_10c2f_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._header_10c2f_39{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f3f4f6}._headerLeft_10c2f_48{display:flex;flex-direction:column;gap:.4rem}._categoryBadge_10c2f_54{display:inline-block;padding:.2rem .65rem;background:#dcfce7;color:#166534;border-radius:999px;font-size:.75rem;font-weight:600;width:fit-content}._name_10c2f_65{margin:0;font-size:1.2rem;font-weight:700;color:#111827;line-height:1.3}._closeBtn_10c2f_73{width:32px;height:32px;border:none;border-radius:8px;background:#f3f4f6;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}._closeBtn_10c2f_73:hover{background:#e5e7eb}._closeBtn_10c2f_73 svg{width:16px;height:16px;color:#6b7280}._body_10c2f_98{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}._description_10c2f_105{margin:0;font-size:.9rem;color:#4b5563;line-height:1.65}._grid_10c2f_112{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}._infoCard_10c2f_118{background:#f9fafb;border-radius:10px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.3rem}._infoLabel_10c2f_127{font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#9ca3af}._infoValue_10c2f_135{font-size:1rem;font-weight:600;color:#111827}._price_10c2f_141{color:#059669}._stockBadge_10c2f_145{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;width:fit-content}._stockIn_10c2f_154{background:#dcfce7;color:#15803d}._stockOut_10c2f_155{background:#fee2e2;color:#b91c1c}._footer_10c2f_158{padding:1.25rem 1.5rem;border-top:1px solid #f3f4f6;background:#fafafa}._activeRow_10c2f_164{display:flex;align-items:center;justify-content:space-between;gap:1rem}._activeLabel_10c2f_171{margin:0 0 .2rem;font-size:.875rem;font-weight:600;color:#111827}._activeDesc_10c2f_178{margin:0;font-size:.78rem;color:#9ca3af}._toggleBtn_10c2f_185{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border:none;border-radius:999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0;min-width:120px;justify-content:center}._toggleOn_10c2f_201{background:#dcfce7;color:#15803d}._toggleOn_10c2f_201:hover:not(:disabled){background:#bbf7d0}._toggleOff_10c2f_210{background:#f3f4f6;color:#6b7280}._toggleOff_10c2f_210:hover:not(:disabled){background:#e5e7eb}._toggleBtn_10c2f_185:disabled{opacity:.7;cursor:not-allowed}._toggleTrack_10c2f_225{width:28px;height:16px;border-radius:999px;display:flex;align-items:center;transition:background .2s;padding:0 2px;flex-shrink:0}._toggleOn_10c2f_201 ._toggleTrack_10c2f_225{background:#22c55e;justify-content:flex-end}._toggleOff_10c2f_210 ._toggleTrack_10c2f_225{background:#d1d5db;justify-content:flex-start}._toggleThumb_10c2f_239{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003}._spinner_10c2f_248{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:_spin_10c2f_248 .6s linear infinite;display:inline-block}@keyframes _spin_10c2f_248{to{transform:rotate(360deg)}}._container_12gmb_1{padding:1.5rem 2rem}._header_12gmb_5{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}._title_12gmb_14{margin:0 0 .2rem;font-size:1.25rem;color:#14532d}._subtitle_12gmb_20{margin:0;font-size:.85rem;color:#6b7280}._search_12gmb_26{padding:.55rem 1rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:.9rem;width:280px;outline:none;transition:border-color .2s}._search_12gmb_26:focus{border-color:#16a34a}._tableWrapper_12gmb_41{background:#fff;border-radius:10px;box-shadow:0 1px 6px #00000012;overflow:hidden}._table_12gmb_41{width:100%;border-collapse:collapse;font-size:.9rem}._table_12gmb_41 thead tr{background:#f0fdf4;border-bottom:2px solid #d1fae5}._table_12gmb_41 th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#166534;white-space:nowrap}._table_12gmb_41 td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151}._table_12gmb_41 tbody tr:last-child td{border-bottom:none}._row_12gmb_77{cursor:pointer;transition:background .12s}._table_12gmb_41 tbody tr:hover{background:#f0fdf4}._idCell_12gmb_86{color:#9ca3af;width:48px}._nameCell_12gmb_91{font-weight:500;color:#111827}._category_12gmb_96{display:inline-block;padding:.2rem .6rem;background:#dcfce7;color:#166534;border-radius:999px;font-size:.78rem;font-weight:500;white-space:nowrap}._price_12gmb_107{font-weight:600;color:#15803d;white-space:nowrap}._stock_12gmb_113{text-align:center}._status_12gmb_117{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}._statusIn_12gmb_126{background:#dcfce7;color:#15803d}._statusOut_12gmb_131{background:#fee2e2;color:#b91c1c}._activeDot_12gmb_136{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}._activeDot_12gmb_136:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0}._activeDotOn_12gmb_155{background:#d1fae5;color:#065f46}._activeDotOn_12gmb_155:before{background:#10b981}._activeDotOff_12gmb_164{background:#f3f4f6;color:#9ca3af}._activeDotOff_12gmb_164:before{background:#d1d5db}._empty_12gmb_173{text-align:center;color:#9ca3af;padding:2.5rem!important}._pagination_12gmb_180{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}._pageInfo_12gmb_189{font-size:.875rem;color:#6b7280}._pageButtons_12gmb_194{display:flex;gap:.4rem;flex-wrap:wrap}._pageBtn_12gmb_200{padding:.4rem .85rem;border:1.5px solid #d1d5db;border-radius:7px;background:#fff;font-size:.875rem;cursor:pointer;transition:all .15s;color:#374151}._pageBtn_12gmb_200:hover:not(:disabled){border-color:#16a34a;color:#16a34a}._pageBtn_12gmb_200:disabled{opacity:.4;cursor:not-allowed}._pageBtnActive_12gmb_221{background:#16a34a;border-color:#16a34a;color:#fff}._pageBtnActive_12gmb_221:hover{background:#15803d!important;border-color:#15803d!important;color:#fff!important}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Noto Sans Thai,sans-serif;-webkit-font-smoothing:antialiased;color:#111827}