:root{--bg-dark: #0c0b0a;--bg-card: rgba(24, 22, 21, .65);--bg-card-hover: rgba(36, 33, 31, .85);--bg-input: rgba(18, 16, 15, .9);--primary: #d34527;--primary-hover: #b8341b;--primary-glow: rgba(211, 69, 39, .2);--secondary: #ebd8c0;--secondary-glow: rgba(235, 216, 192, .15);--success: #34d399;--success-glow: rgba(52, 211, 153, .15);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .15);--error: #ef4444;--error-glow: rgba(239, 68, 68, .15);--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-muted: #8a8885;--border-light: rgba(235, 216, 192, .06);--border-hover: rgba(235, 216, 192, .15);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--transition-fast: .15s ease;--transition-smooth: .3s cubic-bezier(.16, 1, .3, 1);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#08090d80}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:border-color var(--transition-smooth),transform var(--transition-smooth),box-shadow var(--transition-smooth)}.glass-panel-hover:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 10px 30px #00000040}.input-field{width:100%;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all var(--transition-fast);outline:none}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:.95rem;font-weight:600;padding:12px 24px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-smooth);-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-hover)}.btn-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399}.btn-success:hover{background:#10b981;color:#fff;box-shadow:0 0 15px #10b9814d}.btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.btn-danger:hover{background:#ef4444;color:#fff;box-shadow:0 0 15px #ef44444d}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:20px;letter-spacing:.5px}.badge-pending{background:var(--warning-glow);color:var(--warning);border:1px solid rgba(245,158,11,.2)}.badge-approved{background:var(--success-glow);color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-revision{background:var(--error-glow);color:#f87171;border:1px solid rgba(239,68,68,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.flex-center{display:flex;align-items:center;justify-content:center}.text-gradient{background:linear-gradient(135deg,var(--secondary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-artwork-panel{display:flex}@media(max-width:900px){.login-artwork-panel{display:none!important}.login-form-panel{flex:1!important;width:100%!important;padding:20px!important}}