.products-page{display:flex;height:100vh;background:#0f172a;color:#fff;transition:all .3s ease}.products-main{flex:1;padding:2rem;overflow-y:auto;transition:all .3s ease}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-text h1{font-size:2rem;font-weight:800;color:#f8fafc}.header-text p{color:#64748b;font-size:.9rem}.header-tools{display:flex;gap:1rem;align-items:center}.view-toggles{display:flex;background:#1e293b;padding:4px;border-radius:12px;border:1px solid #334155}.btn-toggle{background:transparent;border:none;color:#64748b;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-toggle.active{background:#3b82f6;color:#fff}.btn-toggle.active-red{background:#ef4444;color:#fff;border-color:#ef4444}.toggle-sep{width:1px;height:24px;background:#334155;margin:0 .5rem}.btn-toggle:hover:not(.active){background:#334155;color:#94a3b8}.search-wrapper{position:relative;width:300px}.search-wrapper svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#475569}.search-wrapper input{width:100%;padding:.7rem 1rem .7rem 2.8rem;background:#1e293b;border:1px solid #334155;border-radius:12px;color:#fff;outline:none;font-size:.9rem;transition:all .2s ease}.btn-add{background:#3b82f6;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #3b82f64d}.btn-add:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #3b82f666}.products-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.2rem}.p-card{background:#1e293b;border-radius:20px;border:1px solid #334155;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.p-card:hover{transform:translateY(-8px);border-color:#3b82f6;box-shadow:0 25px 50px -12px #00000080}.p-image{height:120px;background:#0f172a;position:relative}.p-image img{width:100%;height:100%;object-fit:cover}.med-badge{position:absolute;top:.75rem;right:.75rem;background:#ef4444;color:#fff;padding:4px;border-radius:8px}.p-info{padding:1rem}.p-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.p-category{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:12px;display:inline-block}.p-actions-mini{display:flex;gap:4px;opacity:0;transition:opacity .2s}.p-card:hover .p-actions-mini{opacity:1}.btn-mini{width:24px;height:24px;border-radius:6px;border:1px solid #334155;background:#0f172a;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-mini.edit:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-mini.delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.p-name{font-size:.9rem;font-weight:700;color:#f1f5f9;margin-bottom:.75rem;height:1.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.p-footer-compact{display:flex;justify-content:space-between;align-items:center}.p-price-compact{display:flex;align-items:baseline;gap:1px}.p-price-compact .currency{font-size:.7rem;font-weight:700;color:#10b981}.p-price-compact .value{font-size:1.1rem;font-weight:800;color:#10b981}.p-variants-badge{background:#334155;padding:2px 6px;border-radius:6px;display:flex;align-items:center;gap:4px;font-size:.65rem;color:#94a3b8;font-weight:700}.products-table-wrapper{background:#1e293b;border-radius:20px;border:1px solid #334155;overflow:hidden}.products-table{width:100%;border-collapse:collapse}.products-table th{text-align:left;padding:1rem 1.5rem;background:#0f172a;color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:20;box-shadow:0 2px 4px #0003}.products-table td{padding:.75rem 1.5rem;border-bottom:1px solid #334155;color:#f1f5f9;font-size:.9rem}.products-table tr:hover{background:#3b82f605}.products-table tr{border-left:2px solid transparent;transition:all .2s}.products-table tr:hover{border-left-color:var(--cat-color);background:#ffffff03}.products-table tr:last-child td{border-bottom:none}.t-img-box{width:40px;height:40px;border-radius:8px;overflow:hidden;background:#0f172a;position:relative}.t-img-box img{width:100%;height:100%;object-fit:cover}.t-med-icon{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;border-radius:4px;width:14px;height:14px;padding:2px;border:1px solid #1e293b}.t-name{font-weight:700;color:#f8fafc}.t-sku-cell{font-family:monospace;color:#64748b;font-size:.8rem}.t-category-badge{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:800;text-transform:uppercase}.t-price-cell{font-weight:800;color:#10b981}.t-variants-tag{background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:700}.t-actions{display:flex;gap:.5rem}.btn-icon-table{width:32px;height:32px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-icon-table.edit:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-icon-table.delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.btn-icon-table.restore:hover{background:#10b981;color:#fff;border-color:#10b981}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.product-modal{background:#1e293b;width:100%;max-width:850px;border-radius:32px;border:1px solid #334155;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(1)}.modal-header{padding:2rem;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center;background:#0f172a}.modal-header h2{font-size:1.5rem;font-weight:800}.modal-header p{color:#475569;font-size:.9rem}.btn-close{background:none;border:none;color:#475569;cursor:pointer;transition:color .2s}.btn-close:hover{color:#fff}.modal-body{padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}.p-section{background:#ffffff05;padding:1.5rem;border-radius:20px;border:1px solid #334155}.p-section.highlight{border-color:#3b82f633;background:#3b82f608}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:.9rem;font-weight:800;color:#3b82f6;display:flex;align-items:center;gap:.75rem;text-transform:uppercase;margin-bottom:1.5rem}.section-header .section-title{margin-bottom:0}.field-group{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.field{display:flex;flex-direction:column;gap:.5rem}.field label{font-size:.75rem;font-weight:800;color:#64748b;text-transform:uppercase}.field input,.field select,.t-field input{flex:1;background:#0f172a;border:1px solid #334155;padding:.8rem 1rem;border-radius:12px;color:#fff;outline:none;font-weight:600;transition:border-color .2s;min-width:0}.field input:focus,.t-field input:focus{border-color:#3b82f6}.category-select-wrapper{display:flex;gap:.5rem;align-items:stretch}.btn-add-inline{background:#1e293b;border:1px solid #334155;color:#94a3b8;width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-add-inline:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.new-cat-inline{display:flex;gap:.5rem;margin-top:.75rem;background:#0f172a;padding:.5rem;border-radius:12px;border:1px dashed #334155}.new-cat-inline input{flex:1;padding:.5rem .8rem;border-radius:8px;font-size:.85rem;background:#1e293b;border:1px solid #334155;color:#fff;outline:none}.new-cat-inline input:focus{border-color:#3b82f6}.btn-save-cat{background:#10b981;color:#fff;border:none;padding:0 .75rem;border-radius:8px;cursor:pointer;transition:background .2s}.btn-save-cat:hover{background:#059669}.btn-cancel-cat{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:0 .75rem;border-radius:8px;cursor:pointer;transition:all .2s}.btn-cancel-cat:hover{background:#ef44441a}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#475569}.input-with-icon input{padding-left:2.5rem;width:100%}.p-toggle{position:relative;display:inline-block;width:44px;height:24px}.p-toggle input{opacity:0;width:0;height:0}.p-slider{position:absolute;cursor:pointer;inset:0;background-color:#334155;transition:.4s;border-radius:34px}.p-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.p-slider{background-color:#3b82f6}input:checked+.p-slider:before{transform:translate(20px)}.medicine-tools{margin-top:1rem;padding-top:1rem;border-top:1px dashed #334155}.hint{font-size:.8rem;color:#64748b;margin-bottom:1rem}.btn-ai{background:#0f172a;color:#3b82f6;border:1px solid #3b82f633;padding:.75rem 1.25rem;border-radius:12px;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}.btn-ai:hover{background:#3b82f6;color:#fff}.btn-small-tool{background:#0f172a;color:#94a3b8;border:1px solid #334155;padding:.5rem 1rem;border-radius:10px;font-weight:700;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.btn-small-tool:hover{background:#1e293b;color:#fff;border-color:#64748b}.t-list{display:flex;flex-direction:column;gap:1rem}.t-row{display:grid;grid-template-columns:1.5fr 1fr 1.2fr auto;gap:1rem;align-items:flex-end}.t-field{display:flex;flex-direction:column;gap:.4rem}.t-field label{font-size:.65rem;color:#475569;font-weight:800;text-transform:uppercase}.btn-del-t{width:44px;height:44px;border-radius:12px;border:1px solid #ef444433;background:#ef444411;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:2px}.btn-del-t:hover{background:#ef4444;color:#fff}.empty-t{padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#475569}.modal-footer{padding:1.5rem 2rem;background:#0f172a;border-top:1px solid #334155;display:flex;justify-content:flex-end;gap:1rem}.btn-ghost{background:transparent;border:none;color:#64748b;font-weight:700;cursor:pointer;padding:.8rem 1.5rem}.btn-main{background:#3b82f6;color:#fff;border:none;padding:.8rem 2rem;border-radius:14px;font-weight:800;display:flex;align-items:center;gap:.75rem;cursor:pointer;box-shadow:0 4px 15px #3b82f666}.animate-in{animation:animate-in .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes animate-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#475569}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--bg: #f8fafc;--text: #1e293b;--text-muted: #64748b;--white: #ffffff;--border: #e2e8f0;--radius: 12px;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}