:root{--add-section-primary: var(--color-olive-base);--add-section-primary-hover: var(--color-olive-dark);--add-section-border: var(--border-color);--add-section-text-light: var(--text-primary);--add-section-text-muted: var(--text-secondary);--add-section-container-bg: rgba(226, 220, 201, .85);--add-section-input-bg: rgba(255, 255, 255, .95);--add-section-input-text: #1a1a1a;--add-section-placeholder: #6b7280;--add-section-file-button-bg: var(--color-olive-base);--add-section-file-button-bg-hover: var(--color-olive-dark);--add-section-button-gradient: linear-gradient(135deg, var(--color-olive-base), var(--color-olive-muted));--add-section-button-gradient-hover: linear-gradient(135deg, var(--color-olive-dark), var(--color-olive-base));--add-section-shadow-lg: 0 10px 30px var(--shadow-large-color);--add-section-shadow-button: 0 10px 20px var(--shadow-glow-color);--add-section-margin-main: 2rem auto;--add-section-padding-main: 2rem;--add-section-padding-mobile: 1.5rem;--add-section-padding-input: .6rem 1rem;--add-section-padding-file: .5rem;--add-section-padding-file-button: 5px 10px;--add-section-padding-button: .7rem 1.5rem;--add-section-margin-title: 2rem;--add-section-margin-label: .5rem;--add-section-margin-helper: 4px;--add-section-gap-form: 1.5rem;--add-section-font-title: 2rem;--add-section-font-title-mobile: 1.6rem;--add-section-font-input: 1rem;--add-section-font-button: 1rem;--add-section-width-max: 900px;--add-section-width-button-max: 300px;--add-section-transition: all .25s ease;--add-section-transition-fast: all .2s ease;--add-section-lift: translateY(-2px)}.dark{--add-section-primary: #a8b58a;--add-section-primary-hover: #7c875c;--add-section-border: rgba(148, 163, 120, .25);--add-section-text-light: #e7e9dd;--add-section-text-muted: #a3a88f;--add-section-container-bg: rgba(20, 24, 18, .9);--add-section-input-bg: rgba(255, 255, 255, .06);--add-section-input-text: #f1f3ec;--add-section-placeholder: rgba(163, 168, 143, .7);--add-section-file-button-bg: #8f9b6b;--add-section-file-button-bg-hover: #a8b58a;--add-section-button-gradient: linear-gradient(135deg, #a8b58a, #8f9b6b);--add-section-button-gradient-hover: linear-gradient(135deg, #c1cf9a, #a8b58a);--add-section-shadow-lg: 0 12px 35px rgba(0, 0, 0, .6);--add-section-shadow-button: 0 12px 30px rgba(168, 181, 138, .45)}.add-section-container{max-width:var(--add-section-width-max);margin:var(--add-section-margin-main);padding:var(--add-section-padding-main);background:var(--add-section-container-bg);border-radius:var(--radius-md);box-shadow:var(--add-section-shadow-lg);color:var(--add-section-text-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.add-section-container h1{font-size:var(--add-section-font-title);margin-bottom:var(--add-section-margin-title);color:var(--add-section-primary);text-align:center;font-weight:800;letter-spacing:-.5px}form{display:flex;flex-direction:column;gap:var(--add-section-gap-form)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:var(--add-section-margin-label);color:var(--add-section-text-light);text-transform:uppercase;font-size:var(--font-xs);letter-spacing:.5px}input[type=text]{padding:var(--add-section-padding-input);border-radius:var(--radius-md);border:1px solid var(--add-section-border);background:var(--add-section-input-bg);color:var(--add-section-input-text);font-size:var(--add-section-font-input);outline:none;transition:var(--add-section-transition);box-shadow:var(--shadow-inner-dark)}input[type=text]:focus{border-color:var(--add-section-primary);box-shadow:0 0 0 3px var(--focus-shadow),var(--shadow-inner-dark);transform:var(--transform-lift-small)}input[type=text]::-moz-placeholder{color:var(--add-section-placeholder)}input[type=text]::placeholder{color:var(--add-section-placeholder)}input[type=file]{border:1px solid var(--add-section-border);border-radius:var(--radius-md);padding:var(--add-section-padding-file);background:var(--add-section-input-bg);cursor:pointer;transition:var(--add-section-transition);box-shadow:var(--shadow-inner-dark)}input[type=file]:hover{border-color:var(--add-section-primary);box-shadow:0 0 0 2px var(--focus-shadow),var(--shadow-inner-dark)}input[type=file]::-webkit-file-upload-button{background:var(--add-section-file-button-bg);color:var(--text-white);border:none;padding:var(--add-section-padding-file-button);border-radius:var(--radius-sm);cursor:pointer;-webkit-transition:var(--add-section-transition-fast);transition:var(--add-section-transition-fast);font-weight:600;text-transform:uppercase;font-size:var(--font-xs);letter-spacing:.5px}input[type=file]::-webkit-file-upload-button:hover{background:var(--add-section-file-button-bg-hover);transform:scale(1.05)}input[type=file]::file-selector-button{background:var(--add-section-file-button-bg);color:var(--text-white);border:none;padding:var(--add-section-padding-file-button);border-radius:var(--radius-sm);cursor:pointer;transition:var(--add-section-transition-fast);font-weight:600;text-transform:uppercase;font-size:var(--font-xs);letter-spacing:.5px}input[type=file]::file-selector-button:hover{background:var(--add-section-file-button-bg-hover);transform:scale(1.05)}.form-group small{color:var(--add-section-text-muted);margin-top:var(--add-section-margin-helper);font-size:var(--font-xs)}.submit-btn{display:block;width:var(--width-full);max-width:var(--add-section-width-button-max);margin:0 auto;padding:var(--add-section-padding-button);background:var(--add-section-button-gradient);color:var(--text-white);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--add-section-transition);font-size:var(--add-section-font-button);box-shadow:var(--button-shadow-base);text-transform:uppercase;letter-spacing:.5px}.submit-btn:hover{background:var(--add-section-button-gradient-hover);transform:var(--add-section-lift);box-shadow:var(--add-section-shadow-button)}.submit-btn:active{transform:var(--transform-lift-small)}@media(max-width:768px){.add-section-container{padding:var(--add-section-padding-mobile)}.add-section-container h1{font-size:var(--add-section-font-title-mobile)}input[type=file]{font-size:.9rem}input[type=file]::-webkit-file-upload-button,input[type=file]::file-selector-button{font-size:.75rem;padding:4px 8px}}
