:root{--z-base: 1;--z-elevated: 100;--z-fixed-ui: 1000;--z-header: 1100;--z-sidebar: 1200;--z-overlay: 2000;--z-modal-backdrop: 2100;--z-modal: 3000;--z-dropdown: 4000;--z-tooltip: 4100;--z-popover: 5000;--z-context-menu: 5100;--z-notification: 9500;--z-dragging: 10000;--z-debug: 10100;--z-critical: 10500}.z-base{z-index:var(--z-base)}.z-elevated{z-index:var(--z-elevated)}.z-fixed-ui{z-index:var(--z-fixed-ui)}.z-modal{z-index:var(--z-modal)}.z-notification{z-index:var(--z-notification)}.z-dragging{z-index:var(--z-dragging)}.form-group{margin-bottom:var(--space-5)}label,.label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.helper-text{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}input[type=text],input[type=email],input[type=url],textarea,select{width:100%;padding:var(--space-3);background-color:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-base),background-color var(--transition-base)}input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-elevated)}input[type=text]:disabled,input[type=email]:disabled,input[type=url]:disabled,textarea:disabled,select:disabled{opacity:var(--color-disabled-opacity);cursor:not-allowed}textarea{resize:vertical;min-height:80px;font-family:inherit}select{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23888" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:30px}input.invalid{border-color:var(--color-danger)}.field-error{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:var(--space-1)}.field-info{color:var(--color-info);font-size:var(--font-size-xs);margin-top:var(--space-1);font-style:italic}.form-button,.primary-button,.secondary-button{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.primary-button{background-color:var(--color-primary);color:var(--color-text-inverted)}.primary-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.primary-button:disabled{background-color:var(--color-disabled-bg);cursor:not-allowed;opacity:var(--color-disabled-opacity)}.secondary-button{background-color:var(--color-secondary);color:var(--color-text-inverted)}.secondary-button:hover:not(:disabled){background-color:var(--color-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.secondary-button:disabled{background-color:var(--color-disabled-bg);cursor:not-allowed;opacity:var(--color-disabled-opacity)}<<<<<<< HEAD .cancel-button{padding:var(--space-3) var(--space-6);background-color:var(--color-secondary);border:none;color:var(--color-text-inverted);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.cancel-button:hover:not(:disabled){background-color:var(--color-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.cancel-button:disabled{background-color:var(--color-disabled-bg);cursor:not-allowed;opacity:var(--color-disabled-opacity)}.submit-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background-color:var(--color-primary);color:var(--color-text-inverted);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.submit-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.submit-button:disabled{background-color:var(--color-disabled-bg);cursor:not-allowed;opacity:var(--color-disabled-opacity)}======= >>>>>>> origin/dev .form-actions,.form-buttons{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-backdrop)}.modal-content{background-color:var(--color-bg-card);border-radius:var(--radius-lg);width:90%;max-width:var(--width-modal-md);overflow:hidden;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-default);background-color:var(--color-bg-header)}.modal-header h2,.modal-header h3{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-default);display:flex;justify-content:flex-end;gap:var(--space-3)}.close-button{background:none;border:none;color:var(--color-text-placeholder);font-size:var(--font-size-2xl);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base)}.close-button:hover{background-color:#ffffff1a;color:var(--color-text-primary)}.error-message,.error-panel{background-color:var(--color-danger-light);color:var(--color-danger-muted);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);border-left:3px solid var(--color-danger);font-size:14px}.success-message,.success-panel{display:flex;align-items:center;gap:var(--space-3);background-color:var(--color-primary-light);color:var(--color-primary-muted);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);border-left:3px solid var(--color-primary);font-size:1rem;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.dismiss-button{background:none;border:none;color:inherit;font-size:var(--font-size-lg);cursor:pointer;padding:0}.upload-progress{margin-bottom:var(--space-6)}.progress-bar{width:100%;height:8px;background-color:var(--color-bg-header);border-radius:var(--radius-sm);overflow:hidden;position:relative;box-shadow:var(--shadow-inset);margin-bottom:var(--space-2)}.progress-bar-fill,.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#66bb6a 100%);transition:width var(--transition-slow);box-shadow:0 1px 2px #4caf5066}.progress-text{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;font-weight:var(--font-weight-medium)}.tag-input-container{display:flex;gap:var(--space-2)}.add-tag-button{background-color:var(--color-primary);border:none;color:var(--color-text-inverted);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.add-tag-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.add-tag-button:disabled{background-color:var(--color-disabled-bg);opacity:var(--color-disabled-opacity);cursor:not-allowed}.tags-container{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.tag{display:flex;align-items:center;gap:var(--space-2);background-color:var(--color-bg-card);border:1px solid #444;color:var(--color-text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.tag:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-input)}.remove-tag{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-md);padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-base)}.remove-tag:hover{color:var(--color-danger)}.dropzone{width:100%;min-height:200px;border:2px dashed var(--color-border-input);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all var(--transition-slow);background-color:var(--color-bg-input);cursor:pointer;overflow-y:auto;max-height:400px}.dropzone:hover{border-color:var(--color-border-hover);background-color:var(--color-bg-elevated)}.dropzone.active,.dropzone.dragging{border-color:var(--color-primary);background-color:var(--color-primary-light)}.dropzone.has-files,.dropzone.has-file{padding:var(--space-5);justify-content:flex-start;align-items:flex-start}.dropzone.disabled{opacity:.5;cursor:not-allowed}.dropzone.disabled:hover{border-color:var(--color-border-input);background-color:var(--color-bg-input)}.dropzone-content,.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-text-placeholder);text-align:center;pointer-events:none}.dropzone-content svg,.drop-zone-content svg,.upload-icon{width:48px;height:48px;color:#666}.dropzone.active svg,.dropzone.dragging svg,.dropzone.dragging .upload-icon{color:var(--color-primary)}.dropzone-content p,.drop-text{margin:0;font-size:var(--font-size-md);color:#ccc}.dropzone-content span,.drop-hint{margin:0;font-size:var(--font-size-sm);color:#666}.file-input-container{margin-top:var(--space-2)}.file-input-container input[type=file],.file-input{display:none}.file-input-button{display:inline-block;padding:var(--space-3) var(--space-5);background-color:var(--color-primary);color:var(--color-text-inverted);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.file-input-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.file-list{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.file-item{display:flex;align-items:center;gap:var(--space-4);background-color:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);position:relative;transition:all var(--transition-base)}.file-item:hover{background-color:var(--color-bg-hover);border-color:#444}.file-preview{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;background-color:#1e1e1e;flex-shrink:0;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.file-preview img{width:100%;height:100%;object-fit:cover}.file-icon{width:var(--space-10);height:var(--space-10);color:var(--color-info-light);flex-shrink:0}.file-info,.file-details{flex:1;overflow:hidden;min-width:0}.file-name{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text-inverted);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:var(--font-size-xs);color:var(--color-text-disabled);margin:2px 0 0}.remove-file{background:var(--color-danger);color:var(--color-text-inverted);border:none;border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--font-size-lg);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--transition-base)}.remove-file:hover{background:var(--color-danger-hover)}.add-more-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);background-color:var(--color-bg-input);border:2px dashed var(--color-border-input);color:var(--color-text-placeholder);border-radius:var(--radius-lg);cursor:pointer;font-size:14px;font-weight:var(--font-weight-medium);transition:all var(--transition-base);margin-top:var(--space-2)}.add-more-button:hover{background-color:var(--color-bg-elevated);border-color:var(--color-border-hover);color:#ccc}.permission-notice{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background-color:#e8f4f8;border:1px solid #b3e0f2;border-radius:var(--radius-lg);color:#1a5490}.permission-icon{width:var(--size-icon-md);height:var(--size-icon-md);flex-shrink:0;stroke:#1a5490}.permission-info{flex:1;font-size:14px;line-height:var(--line-height-base)}.permission-info strong{font-weight:var(--font-weight-semibold)}.permission-detail{display:block;margin-top:var(--space-1);font-size:var(--font-size-sm);opacity:.9}.spinner-small{width:var(--size-icon-sm);height:var(--size-icon-sm);border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-text-inverted);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-separator{display:flex;align-items:center;margin:var(--space-5) 0;color:#666;text-transform:uppercase;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:1px}.form-separator:before,.form-separator:after{content:"";flex:1;height:1px;background-color:#444}.form-separator span{padding:0 var(--space-4)}@media(max-width:768px){.modal-content{max-width:95%}.form-actions,.form-buttons{flex-direction:column}.form-button,.primary-button,.secondary-button{width:100%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{background-color:#121212;color-scheme:dark}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#121212;width:100%;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{width:100%;height:100vh;margin:0;padding:0;background-color:#121212}@media(prefers-color-scheme:light){:root{color:#e0e0e0;background-color:#121212}a:hover{color:#747bff}}:root{--color-primary: #4caf50;--color-primary-hover: #388e3c;--color-primary-light: rgba(76, 175, 80, .1);--color-primary-muted: #a5d6a7;--color-secondary: #616161;--color-secondary-hover: #757575;--color-danger: #f44336;--color-danger-hover: #d32f2f;--color-danger-light: rgba(244, 67, 54, .1);--color-danger-muted: #ff8a80;--color-info: #2196f3;--color-info-light: #90caf9;--color-bg-base: #121212;--color-bg-surface: #1c1c1c;--color-bg-input: #1f1f1f;--color-bg-elevated: #252525;--color-bg-card: #2c2c2c;--color-bg-header: #2a2a2a;--color-bg-hover: #333333;--color-text-primary: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-muted: #999999;--color-text-disabled: #888888;--color-text-placeholder: #aaaaaa;--color-text-inverted: #ffffff;--color-border-default: #333333;--color-border-input: #555555;--color-border-hover: #777777;--color-border-focus: var(--color-primary);--color-disabled-bg: #5c5c5c;--color-disabled-opacity: .7}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px}:root{--font-family-base: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-mono: "Fira Code", Consolas, Monaco, "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-base: 1.5;--line-height-relaxed: 1.6}:root{--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .2);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .3);--shadow-primary: 0 2px 8px rgba(76, 175, 80, .3);--shadow-inset: inset 0 1px 3px rgba(0, 0, 0, .3)}:root{--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}:root{--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 2100;--z-modal: 3000;--z-tooltip: 4000;--z-toast: 5000}:root{--height-button-sm: 32px;--height-button-md: 40px;--height-button-lg: 48px;--height-input: 44px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-icon-xl: 32px;--width-modal-sm: 400px;--width-modal-md: 500px;--width-modal-lg: 600px;--width-modal-xl: 800px}