#edit-app{display:flex;flex-direction:column;gap:var(--space-5);max-width:960px}#product-form{display:flex;flex-direction:column;gap:var(--space-5)}.status-bar{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;display:flex;align-items:center;gap:var(--space-2);animation:fadeSlideDown .3s ease-out}.status-bar.success{background:#e8f5e9;color:#2e7d32;border:1px solid #C8E6C9}.status-bar.error{background:#ffebee;color:#c62828;border:1px solid #FFCDD2}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--admin-border);overflow:hidden;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--admin-border);background:var(--admin-bg)}.card-icon{font-size:1.6rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000a;flex-shrink:0}.card-header h2{font-size:var(--text-lg);font-weight:600;margin:0}.card-header p{font-size:var(--text-sm);color:var(--admin-text-muted);margin:2px 0 0}.btn-ai{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-ai:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-1px);box-shadow:0 2px 8px #6d28d94d}.btn-ai:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ai-prompt{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid var(--admin-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--admin-text-muted);font-size:12px;cursor:pointer;transition:all .2s}.btn-ai-prompt:hover{border-color:#7c3aed;color:#7c3aed}.ai-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.ai-modal{background:var(--color-white);border-radius:var(--radius-xl);width:560px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0003}.ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--admin-border)}.ai-modal-header h3{margin:0;font-size:16px}.ai-modal-body{padding:20px;overflow-y:auto;flex:1}.ai-modal-body textarea{width:100%;min-height:120px;padding:10px;border:1px solid var(--admin-border);border-radius:var(--radius-md);font-size:13px;font-family:inherit;resize:vertical}.ai-modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--admin-border)}.ai-modal-footer .btn{padding:6px 14px;font-size:13px}.form-body{padding:var(--space-5) var(--space-6)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.form-row:last-child{margin-bottom:0}.form-row .form-group{margin-bottom:0}.form-group{margin-bottom:var(--space-4)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--admin-text);margin-bottom:var(--space-1)}.input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--admin-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;background:var(--color-white);transition:border-color var(--transition-fast)}.input:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.checkbox-label{display:flex!important;align-items:center;gap:var(--space-2);padding-top:28px;cursor:pointer;font-weight:500}.rich-editor{position:relative;border:1px solid var(--admin-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-white);transition:border-color var(--transition-fast)}.rich-editor:focus-within{border-color:var(--admin-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.rich-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:6px 8px;background:var(--admin-bg);border-bottom:1px solid var(--admin-border);position:relative;z-index:3}.rich-toolbar button{min-width:30px;height:28px;padding:0 6px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--admin-text);font-size:var(--text-sm);font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.rich-toolbar button svg{width:15px;height:15px}.rich-toolbar button:hover{background:var(--color-gray-200)}.rich-toolbar button.active{background:var(--color-primary-100);color:var(--admin-primary)}.rich-sep{width:1px;height:18px;background:var(--admin-border);margin:0 6px;flex-shrink:0}.rich-format{height:28px;padding:0 6px;margin-right:4px;border:1px solid var(--admin-border);border-radius:var(--radius-sm);background:var(--color-white);color:var(--admin-text);font-size:var(--text-xs);font-family:inherit;cursor:pointer;max-width:130px}.rich-format:focus{outline:none;border-color:var(--admin-primary)}.rich-color{width:24px;height:24px;padding:0;margin:0 2px;border:1px solid var(--admin-border);border-radius:var(--radius-sm);background:none;cursor:pointer}.rich-color::-webkit-color-swatch-wrapper{padding:2px}.rich-color::-webkit-color-swatch{border:none;border-radius:3px}.rich-color::-moz-color-swatch{border:none;border-radius:3px}.rich-content{min-height:60px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:1.6;color:var(--admin-text);outline:none;word-break:break-word}.rich-content[data-field=description]{min-height:150px}.rich-content:empty:before{content:attr(data-placeholder);color:var(--admin-text-muted);opacity:.7;pointer-events:none}.rich-content p{margin:0 0 6px}.rich-content p:last-child{margin-bottom:0}.rich-content ul,.rich-content ol{margin:4px 0;padding-left:24px}.rich-content li{margin-bottom:2px}.rich-content h2,.rich-content h3,.rich-content h4{margin:10px 0 6px;line-height:1.3}.rich-content a{color:var(--admin-primary)}.rich-content blockquote{margin:6px 0;padding:6px 12px;border-left:3px solid var(--admin-primary);background:var(--color-gray-100);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--admin-text-muted)}.rich-content code{padding:1px 5px;border-radius:var(--radius-sm);background:var(--color-gray-200);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.rich-content pre{margin:6px 0;padding:10px 12px;background:#0f172a;color:#e2e8f0;border-radius:var(--radius-md);overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-xs);line-height:1.5}.rich-content pre code{padding:0;background:none;color:inherit;font-size:inherit}.rich-source{display:block;width:100%;min-height:120px;padding:var(--space-2) var(--space-3);border:none;border-bottom:1px solid var(--admin-border);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-xs);line-height:1.5;color:var(--admin-text);outline:none;resize:vertical;background:var(--color-gray-50);box-sizing:border-box}.rich-source[hidden]{display:none}.rich-linkpop{position:absolute;top:40px;right:8px;z-index:5;display:flex;gap:6px;padding:8px;background:var(--color-white);border:1px solid var(--admin-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000024}.rich-linkpop[hidden]{display:none}.rich-linkurl{width:220px;padding:6px 8px;border:1px solid var(--admin-border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:inherit}.rich-linkurl:focus{outline:none;border-color:var(--admin-primary)}.rich-linkok{padding:6px 12px;border:none;border-radius:var(--radius-sm);background:var(--admin-primary);color:#fff;font-size:var(--text-xs);font-family:inherit;cursor:pointer;white-space:nowrap}.rich-linkok:hover{background:var(--admin-primary-dark)}.rich-linkcancel{padding:6px 8px;border:1px solid var(--admin-border);border-radius:var(--radius-sm);background:transparent;color:var(--admin-text-muted);font-size:var(--text-xs);font-family:inherit;cursor:pointer}.rich-linkcancel:hover{color:var(--admin-text);border-color:var(--admin-text-muted)}.rich-footer{padding:4px var(--space-3);background:var(--admin-bg);border-top:1px solid var(--admin-border);font-size:11px;color:var(--admin-text-muted);display:flex;justify-content:flex-end}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;gap:var(--space-4);border-bottom:1px solid var(--admin-border)}.setting-row:last-child{border-bottom:none}.setting-info{flex:1;min-width:0}.setting-label{font-size:var(--text-sm);font-weight:600;color:var(--admin-text);margin-bottom:2px}.setting-desc{font-size:var(--text-xs);color:var(--admin-text-muted);line-height:1.4}.toggle{position:relative;display:inline-flex;width:52px;height:28px;flex-shrink:0;cursor:pointer}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:var(--color-gray-300);border-radius:14px;transition:all var(--transition-base);box-shadow:inset 0 1px 3px #0000001a}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;background:var(--color-white);border-radius:50%;transition:all var(--transition-base);box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle-slider{background:var(--admin-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}.image-dropzone{border:2px dashed var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--admin-bg)}.image-dropzone:hover,.image-dropzone.dragover{border-color:var(--admin-primary);background:var(--color-primary-50)}.dropzone-icon{color:var(--admin-primary);margin-bottom:var(--space-2)}.dropzone-title{font-size:var(--text-sm);font-weight:500;color:var(--admin-text);margin:0}.dropzone-hint{font-size:var(--text-xs);color:var(--admin-text-muted);margin:4px 0 0}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.image-item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--admin-border);background:var(--color-gray-100)}.image-item.main{border-color:var(--admin-primary);box-shadow:0 0 0 2px var(--color-primary-100)}.image-item img{width:100%;height:100%;object-fit:cover;display:block}.img-btn{position:absolute;width:22px;height:22px;border:none;border-radius:var(--radius-full);background:#111827a6;color:#fff;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:2;padding:0}.img-btn:hover{background:var(--admin-primary)}.img-btn.danger:hover{background:var(--admin-danger)}.img-main{top:4px;left:4px}.img-main.active{background:#f59e0b}.img-remove{top:4px;right:4px}.img-crop{top:4px;left:50%;transform:translate(-50%)}.img-left{bottom:4px;left:4px}.img-right{bottom:4px;right:4px}.img-badge{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:var(--admin-primary);color:#fff;font-size:10px;font-weight:600;padding:1px 8px;border-radius:var(--radius-full);white-space:nowrap}.image-uploading{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--admin-text-muted)}.spinner-sm{width:18px;height:18px;border:2px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.image-empty{font-size:var(--text-sm);color:var(--admin-text-muted);margin-top:var(--space-3)}.crop-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.crop-overlay{position:absolute;inset:0;background:#0f172a99}.crop-dialog{position:relative;background:var(--color-white);border-radius:var(--radius-xl);width:min(680px,92vw);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.crop-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--admin-border);flex-shrink:0}.crop-header h3{margin:0;font-size:var(--text-lg);font-weight:600}.crop-close{border:none;background:transparent;color:var(--admin-text-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.crop-close:hover{background:var(--color-gray-200);color:var(--admin-text)}.crop-stage{position:relative;margin:var(--space-4) var(--space-5) var(--space-3);overflow:hidden;background:#0b1220;display:flex;align-items:center;justify-content:center;min-height:220px;max-height:55vh;touch-action:none;user-select:none}.crop-stage img{max-width:100%;max-height:55vh;display:block;pointer-events:none}.crop-box{position:absolute;border:1.5px solid #fff;box-shadow:0 0 0 9999px #0000008c;cursor:move;touch-action:none}.crop-handle{position:absolute;width:14px;height:14px;background:#fff;border:1.5px solid var(--admin-primary);border-radius:3px;box-sizing:border-box}.crop-handle.nw{top:-8px;left:-8px;cursor:nwse-resize}.crop-handle.n{top:-8px;left:50%;margin-left:-7px;cursor:ns-resize}.crop-handle.ne{top:-8px;right:-8px;cursor:nesw-resize}.crop-handle.e{right:-8px;top:50%;margin-top:-7px;cursor:ew-resize}.crop-handle.se{bottom:-8px;right:-8px;cursor:nwse-resize}.crop-handle.s{bottom:-8px;left:50%;margin-left:-7px;cursor:ns-resize}.crop-handle.sw{bottom:-8px;left:-8px;cursor:nesw-resize}.crop-handle.w{left:-8px;top:50%;margin-top:-7px;cursor:ew-resize}.crop-ratios{display:flex;gap:var(--space-2);padding:0 var(--space-5);flex-wrap:wrap;flex-shrink:0}.crop-ratio{padding:6px 14px;border:1px solid var(--admin-border);border-radius:var(--radius-full);background:var(--color-white);cursor:pointer;font-size:var(--text-xs);color:var(--admin-text);font-family:inherit;transition:all var(--transition-fast)}.crop-ratio:hover{border-color:var(--admin-text-muted)}.crop-ratio.active{background:var(--color-primary-100);border-color:var(--admin-primary);color:var(--admin-primary);font-weight:600}.crop-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);flex-shrink:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);padding:var(--space-4) var(--space-5)}.info-box{background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.info-box strong{display:block;font-size:var(--text-sm);margin-bottom:4px}.info-box span{font-size:var(--text-xs);color:var(--admin-text-muted)}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0;position:sticky;bottom:0;background:var(--admin-bg);z-index:10}.save-right{display:flex;gap:var(--space-3)}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.btn-secondary{background:transparent;border-color:var(--admin-border);color:var(--admin-text-muted)}.btn-secondary:hover{border-color:var(--admin-text-muted);color:var(--admin-text)}.btn-primary{background:var(--admin-primary);color:#fff}.btn-primary:hover{background:var(--admin-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-lg{padding:var(--space-3) var(--space-6)}@media(max-width:640px){.form-row{grid-template-columns:1fr}.card-header,.form-body{padding:var(--space-4)}.save-bar{flex-direction:column;align-items:stretch}.save-right .btn{width:100%;justify-content:center}}