*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.layout{display:flex;min-height:100vh}.sidebar{background:#1a1a2e;bottom:0;color:#fff;display:flex;flex-direction:column;flex-shrink:0;left:0;position:fixed;top:0;transition:width .2s;width:240px;z-index:100}.layout-collapsed .sidebar{width:64px}.sidebar-brand{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:10px;min-height:64px;padding:20px 16px}.brand-icon{flex-shrink:0;font-size:28px}.brand-text{display:flex;flex-direction:column}.brand-name{color:#fff;font-size:15px;font-weight:700}.brand-sub{color:#ffffff80;font-size:11px;margin-top:2px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#ffffffb3;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:all .15s}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#63b3ed26;border-left-color:#63b3ed;color:#63b3ed}.nav-icon{flex-shrink:0;font-size:18px;text-align:center;width:20px}.nav-label{font-size:14px;font-weight:500;white-space:nowrap}.sidebar-toggle{background:none;border:none;border-top:1px solid #ffffff1a;color:#ffffff80;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left}.sidebar-toggle:hover{color:#fff}.main-area{display:flex;flex:1 1;flex-direction:column;margin-left:240px;min-height:100vh;transition:margin-left .2s}.layout-collapsed .main-area{margin-left:64px}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;height:64px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-title{color:#2d3748;flex:1 1;font-size:16px;font-weight:600}.topbar-right{align-items:center;display:flex;gap:12px}.admin-chip{background:#edf2f7;border-radius:20px;font-size:13px;font-weight:500;padding:6px 12px}.content{flex:1 1;padding:24px}.page-title{color:#1a202c;font-size:22px;font-weight:700;margin-bottom:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.page-header .page-title{margin-bottom:0}.section{margin-top:32px}.section-title{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:12px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:4px;padding:8px 16px;transition:all .15s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#3182ce;color:#fff}.btn-primary:hover:not(:disabled){background:#2b6cb0}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.btn-outline{background:#0000;border:1px solid #cbd5e0;color:#4a5568}.btn-outline:hover{background:#f7fafc}.btn-full{justify-content:center;padding:11px;width:100%}.btn-sm{font-size:12px;padding:5px 10px}.btn-xs{font-size:11px;padding:3px 7px}.btn-edit{background:#ebf8ff;color:#2b6cb0}.btn-edit:hover{background:#bee3f8}.btn-delete{background:#fff5f5;color:#c53030}.btn-delete:hover{background:#fed7d7}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;margin-bottom:16px;max-width:360px;outline:none;padding:8px 14px;width:100%}.search-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed26}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#fff;border-left:4px solid #3182ce;border-radius:10px;box-shadow:0 1px 3px #00000014;display:flex;gap:16px;padding:20px}.stat-icon{font-size:28px}.stat-value{color:#1a202c;font-size:22px;font-weight:700}.stat-label{color:#718096;font-size:12px;margin-top:2px}.table-wrap{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#718096;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f0f4f8;color:#2d3748;padding:13px 16px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f7fafc}.actions-cell{display:flex;flex-wrap:wrap;gap:6px}.empty-row{color:#a0aec0;padding:40px!important;text-align:center}.badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px}.badge-green{background:#c6f6d5;color:#22543d}.badge-red{background:#fed7d7;color:#9b2c2c}.role-badge{background:#e9d8fd;border-radius:12px;color:#553c9a;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;text-transform:capitalize}.products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #00000014;padding:16px}.product-card-top{align-items:center;display:flex;gap:12px;margin-bottom:12px}.product-icon{font-size:32px}.product-info{flex:1 1}.product-name{color:#1a202c;font-size:15px;font-weight:600}.product-meta{color:#718096;font-size:12px;margin-top:2px}.product-card-actions{border-top:1px solid #f0f4f8;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.variants-list{background:#f7fafc;border-radius:6px;margin-bottom:8px;padding:8px}.variant-row{align-items:center;border-radius:4px;display:flex;justify-content:space-between;padding:5px 8px}.variant-row:hover{background:#edf2f7}.variant-label{color:#4a5568;font-size:13px}.variant-actions{display:flex;gap:4px}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-header h3{color:#1a202c;font-size:17px;font-weight:600}.modal-close{background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;font-size:18px;line-height:1;padding:4px 8px}.modal-close:hover{background:#f7fafc;color:#4a5568}.modal form{padding:20px 24px}.modal-actions{border-top:1px solid #f0f4f8;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.form-group{margin-bottom:14px}.form-group label{color:#4a5568;display:block;font-size:13px;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed26}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1}.login-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:16px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;max-width:380px;padding:40px;width:100%}.login-header{margin-bottom:28px;text-align:center}.login-logo{font-size:48px;margin-bottom:10px}.login-header h1{color:#1a202c;font-size:22px;font-weight:700}.login-header p{color:#718096;font-size:14px;margin-top:4px}.login-hint{color:#a0aec0;font-size:12px;margin-top:16px;text-align:center}.alert{border-radius:6px;font-size:13px;margin-bottom:14px;padding:10px 14px}.alert-error{background:#fff5f5;border:1px solid #fed7d7;color:#c53030}.loading{font-size:15px}.empty-state,.loading{color:#a0aec0;padding:60px;text-align:center}.empty-state{background:#fff;border-radius:10px}.text-green{color:#22543d;font-weight:600}.text-red{color:#c53030;font-weight:600}
/*# sourceMappingURL=main.be263908.css.map*/